我使用fancybox打开一个带有表单的弹出窗口.当鼠标离开主页时,弹出窗口生动.为了完成这项工作,我有一个隐藏的链接标签,我用click()函数模拟,点击以便链接的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({
});
});
Run Code Online (Sandbox Code Playgroud)
有没有其他方法可以做到这一点?
选项1:隐藏链接和两个功能:
1.1将fancybox绑定到选择器:
$("#trigger").fancybox();
Run Code Online (Sandbox Code Playgroud)
1.2然后触发选择器:
$("#trigger").trigger('click');
Run Code Online (Sandbox Code Playgroud)
选项2:隐藏链接和单个功能:
$(document).mouseleave(function() {
$("#trigger").fancybox().trigger('click');
});?
Run Code Online (Sandbox Code Playgroud)
请参阅:JSFIDDLE
选项3(推荐):没有隐藏链接和单个功能:
$(document).mouseleave(function() {
$.fancybox("#feedback_form");
});?
Run Code Online (Sandbox Code Playgroud)
请参阅:JSFIDDLE