fancybox的回调

Question

我的jQuery代码

$("#div1").load("test1.html")  

$("a#link").fancybox({
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic',
    'width'         : 400,
    'height'        : 200,
    'overlayOpacity': 0.5,
    'type'          : 'iframe'
});

.load我的fancybox不起作用。

它适用于test1.html。

我想怎么写呢？

Answer 1

我对fancybox一无所知，但在使用load函数时，数据是异步加载的，因此在加载之前可以完成调用load之后的任何内容。如果您希望它能够影响您已加载的项目，则应将代码添加到回调中。

$("#div1").load("test1.html", function () {
    $("a#link").fancybox({
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'width'         : 400,
        'height'        : 200,
        'overlayOpacity': 0.5,
        'type'          : 'iframe'
    });
}) 

Answer 2

您可能只需要在该行的末尾添加;分号？

$("#div1").load("test1.html");

语法错误......您是否收到任何错误？

您也可以考虑将此绑定到live()事件。 否则，将不包括来自test1.html的内容。

在此处查看此帖：

Fancybox, getting Fancybox to bind using LIVE() to items being loaded onto the page after load