fancybox jquery插件问题

Question

我正在使用FancyBox jquery插件。

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

为什么会这样？

我的链接元素是通过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

上的示例