javascript - 花式盒子的回调

Question

我的 jQuery 代码

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

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

在.load我的幻想箱不起作用之后。

它在test1.html.

我想怎么写？

Answer 1

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

$("#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，让 Fancybox 使用 LIVE() 绑定到加载后加载到页面上的项目