在Ajax加载的页面上的jQuery?

时间:2011-06-29 14:39:08

标签: jquery ajax fancybox

我想在我的网站上使用jQuery插件Fancybox - 在大多数情况下这是完美的,但是,在这个特定的页面上,我通过Ajax加载某人的个人资料,并希望得到他们的如果用户点击缩略图,则使用Fancybox显示图片。

如果我在容器页面中将此代码作为测试加载,它可以正常工作,但是,如果我将它放入通过Ajax调用的页面中,它将无法工作:

<script type="text/javascript">
    $(document).ready(function() {
        $("a#testing").fancybox();
    });
</script>

<a id="testing" href="pic.jpg"><img alt="test caption" src="thumb.jpg" /></a>

我试过了:

  1. 将document.ready代码放入容器页面
  2. 将document.ready代码放入通过Ajax调用的页面
  3. 删除document.ready触发器,只将代码放在图片正下方
  4. 但没有工作!非常感谢任何帮助,谢谢:)

1 个答案:

答案 0 :(得分:3)

添加

 $("a#testing").fancybox(); 

到AJAX调用的成功函数。