日期:2014-05-16  浏览次数:20735 次

ajax返回的data我用for循环写进body里面不执行fancybox的弹出效果(高手来帮帮忙)
功能:从服务器得到json循环写进body,可以用fancybox控件进行预览。
问题:fancybox控件先对body中的元素进行方法绑定,json才得到数据写入body
html代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="js/fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
    <script src="js/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
    <link href="js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "GET",
                url: "ashx/AjaxRetuen_Test.ashx",
                data: "t=" + Math.random(),
                dataType: "html",
                success: function (data, status) {
                    if (status == "success") {
                        for (var i = 0; i < data; i++) {
                            $('body').append("<p><a class='example' href='./example/2_b.jpg'>ajax循环写入" + i + "</a></p>");
                        }
                    }
                }
            });
            $('body').append("<p><a class='example' href='./example/2_b.jpg'>js写入</a></p>");