jQuery Fancybox 触发器

Question

我使用 fancybox 打开一个带有表单的弹出窗口。目前，当鼠标离开主页时，弹出窗口就会出现。为了完成这项工作，我有一个隐藏的链接标签，我用trigger()函数模拟它，单击该函数，以便该链接的href(即带有fancybox的id形式)出现。代码如下:

<a id="trigger" href="#feedback_form" style="display:none"></a>


$(document).mouseleave(function() {

//Triggers popup
$("#trigger").fancybox().trigger('click'); 

     //Popup function
     $("#trigger").fancybox({

     });

 });

还有其他方法可以做到这一点吗？

Answer 1

选项 1:隐藏链接和两个功能:

1.1 将 fancybox 绑定(bind)到选择器:

$("#trigger").fancybox();

1.2 然后触发选择器:

$("#trigger").trigger('click'); 

选项 2:隐藏链接和单一功能:

$(document).mouseleave(function() {
    $("#trigger").fancybox().trigger('click');
});​

参见: JSFIDDLE

选项 3(推荐):无隐藏链接且功能单一:

$(document).mouseleave(function() {
    $.fancybox("#feedback_form");
});​

参见: JSFIDDLE