fancybox jquery 插件问题

Question

我正在使用 FancyBox jquery 插件。

我想在单击链接时显示一个描述窗口的弹出窗口。描述来自一个 url（类似于 ajax）。但是当我单击链接时，fancybox 不起作用，我的浏览器窗口转到该 url而不是弹出。

为什么会这样？

我的链接元素正在通过 ajax 加载。

这是我的代码：

$("[id^=pane]").delegate("a.group:not(.haspopup)","click",function() {
    $(this).addClass("haspopup").fancybox({
         'transitionIn'        :       'elastic',
         'transitionOut'       :       'elastic',
         'speedIn'             :       600, 
         'speedOut'            :       200, 
         'overlayShow' :       false
    }).click();
});

Answer 1

您需要发送ajax request using jquery，然后使用由ajax 加载的内容用于fancybox。

这样的代码：

$.ajax({
    type        : "POST",
    cache   : false,
    url     : "/data/login.php",
    data        : $(this).serializeArray(),
    success: function(data) {
        $.fancybox(data);
    }
});

还可以在fancybox site上查看上述示例