Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fancybox出现多个弹出窗口和超时问题_Javascript_Jquery_Fancybox_Fancybox 2 - Fatal编程技术网

Javascript Fancybox出现多个弹出窗口和超时问题

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

我有fancybox 2.1.5,并构建了一个包含4个不同链接的页面,以打开fancybox弹出窗口。我还为这些弹出窗口添加了一个setTimeout,以便在设置的时间之后,弹出窗口将自动消失

问题是,当我打开一个弹出窗口,手动关闭它,然后点击一个弹出窗口,随机在1到几秒钟之间,它会自动关闭(我把它设置为15秒超时)。我不知道这是否是由多个弹出链接引起的,或者是什么。下面是我使用的代码:

$(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关闭后清除它。非常感谢!这很有效!