Javascript Fancybox出现多个弹出窗口和超时问题
我有fancybox 2.1.5,并构建了一个包含4个不同链接的页面,以打开fancybox弹出窗口。我还为这些弹出窗口添加了一个setTimeout,以便在设置的时间之后,弹出窗口将自动消失 问题是,当我打开一个弹出窗口,手动关闭它,然后点击一个弹出窗口,随机在1到几秒钟之间,它会自动关闭(我把它设置为15秒超时)。我不知道这是否是由多个弹出链接引起的,或者是什么。下面是我使用的代码:Javascript Fancybox出现多个弹出窗口和超时问题,javascript,jquery,fancybox,fancybox-2,Javascript,Jquery,Fancybox,Fancybox 2,我有fancybox 2.1.5,并构建了一个包含4个不同链接的页面,以打开fancybox弹出窗口。我还为这些弹出窗口添加了一个setTimeout,以便在设置的时间之后,弹出窗口将自动消失 问题是,当我打开一个弹出窗口,手动关闭它,然后点击一个弹出窗口,随机在1到几秒钟之间,它会自动关闭(我把它设置为15秒超时)。我不知道这是否是由多个弹出链接引起的,或者是什么。下面是我使用的代码: $(document).ready(function() { $('.fancybox').fancybo
$(document).ready(function() {
$('.fancybox').fancybox({
beforeShow: function(){
this.title = $(this.element).next('.newTitle').html();
},
width : '700',
height : '380',
closeBtn : false,
helpers : {
overlay : {
css : {
'overflow' : 'hidden',
'background' : 'rgba(0,0,0,0.85)'
}
}
}/*,
afterLoad: function(){
setTimeout( function() {$.fancybox.close(); },15000);
}*/
});
});
以及HTML:
<a class="fancybox fancybox.iframe" href="includes/elevator.html"><img src="images/elevator.gif" class="round" width="324" height="183"/></a>
尝试创建两个函数,一个用于设置超时,另一个用于清除超时,然后调用第一个后显示
和第二个后关闭
。您遇到的问题是,即使手动关闭fancybox,setTimeout
也会继续运行,因此您需要在fancybox关闭后清除它。非常感谢!这很有效!