jQuery 在 Ajax 加载的页面上？

Question

我想使用 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 触发器并将代码直接放置在图片下方

但是没有任何效果!任何帮助将非常感激，谢谢:)

Answer 1

添加

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

AJAX 调用的成功函数。