在AJAX加载页面中使用fancybox

时间:2010-11-02 16:28:08

标签: jquery ajax load fancybox

我在这个小组中搜索并搜索了一下,但答案仍然没有运气 我也看到有些人有我的问题,但线程没有帮助,所以我在这里

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

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

  1. 我有一个带有一些链接的主页(index.php)
  2. 点击它们会加载AJAX(page.php)
  3. 的片段
  4. 在代码段中有一个或多个链接,点击它们应该 打开一个iframed fancybox(fb.php)
  5. 嗯,除了第一个打开的链接外,fancybox不起作用 然后我继续在Firefox中得到一个“t is not defined”错误 我无处可去 我尝试了我能想到的一切,但仍然没有运气......

    拜托,你能帮助我吗? 非常感谢

1 个答案:

答案 0 :(得分:4)

不要将脚本放在fancybox()链接的ajax响应内容中。相反,您要做的是将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();
        });
    })
});