Jquery Live 与 Facebox 插件

Question

我正在尝试将 jquery Facebox 插件与实时事件一起使用（官方实现，而不是插件）。

我的主页通过ajax加载到页面中。该远程页面还具有指向其他远程页面的链接，我想在弹出对话框中显示这些链接。我一直在使用 Facebox 插件来实现此目的。

下面的代码不起作用，只是将远程页面加载到新页面的视口中，而不是弹出窗口。

<script type="text/javascript">
            jQuery(document).ready(function($) {

                $('a[rel*=facebox]').live("click", function() {
                    $('a[rel*=facebox]').facebox()
                });
            });
          </script> 

这是使用现场活动的正确方法吗？

遗憾的是，我的开发机器仅包含 IE6[:(]，因此我无法使用 firebug 来调试代码。

Answer 1

用 fabrik 评论补充 Kobi 的答案：

$('a[rel*=facebox]').live("mousedown", function() { 
    $(this).unbind('click'); //everytime you click unbind the past event handled.
    $(this).facebox();
});

所以，你可以防止 Facebook 增加事件。

归功于科比。

Answer 2

我猜想 click 事件来得太晚，无法启动 Facebox。
这可能适用于 mousedown （在我的测试中似乎没问题，但并不完全相同）

$('a[rel*=facebox]').live("mousedown", function() { 
    $(this).facebox(); // this should do, you don't need all links
});

我也推荐这个。我建议您在完成 AJAX 调用后激活 Facebox：

// sample code - you might use an other AJAX call
$('#dynamicDiv').load('...', {}, function(){
    $('#dynamicDiv a[rel*=facebox]').facebox();
});

Answer 3

非常感谢，我遇到了麻烦，因为加载我的动态内容后
rel=facebox 似乎根本不起作用

我只是“重新激活”

jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
在

ajax.response 和瞧之后，我可以看到弹出的 Facebox 而不是链接中的页面。

非常感谢科比。