在 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();
        });
    })
});