jquery - 在 AJAX 加载的页面中使用 fancybox

Question

我在这个群组中进行了搜索并用谷歌搜索，但仍然没有找到答案我还看到有些人有我的问题，但线程没有帮助，所以我在这里

问题很简单，为了帮助你，我打包了一个 .zip 文件您可以测试的文件

http://www.ivanhalen.com/fancyproblem.zip

1. 我有一个带有一些链接的主页(index.php)
2. 单击它们会通过 AJAX 加载片段 (page.php)
3. 代码片段中有一个或多个链接，点击它们应该打开 iframed fancybox (fb.php)

嗯，除了第一个打开的链接之外，fancybox 无法工作然后我在 Firefox 中不断收到“t 未定义”错误，这表明我无处可去我真的尝试了我能想象到的一切，但仍然没有运气......

请问你能帮我吗？非常感谢

Answer 1

不要将脚本放入 ajax 响应内容中的 fancybox() 链接中。相反，您想要做的是将 fancybox() 调用移至加载函数的 complete() 回调中，如下所示:

$(document).ready(function(){
    $('#links a').live('click', function(e){
        e.preventDefault();
        var url = $(this).attr('href');
        $('#content').load(url, function(data, stat, req){
            $("a#popup").fancybox();
        });
    })
});