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>");
$("a.example").fancybox();
});
</script>
</head>
<body>
<p><a class="example" href="./example/2_b.jpg">body</a></p>
</body>
</html>
public void ProcessRequest (HttpContext context) {
if (context.Request.HttpMethod.Equals("GET"))
{
context.Response.Write("5");
}
}
}
}
$("a.example").fancybox();//放到这里来
}
});
$('body').append("<p><a class='example' href='./example/2_b.jpg'>js写入</a></p>");