打开花式箱时，请勿重新加载页面

Question

我是法国人，对不起我的拼写错误...

我有一个包含装饰盒的页面，我想整个分钟重新加载此页面，除非打开花式盒。该页面必须在Fancybox关闭时再次充电。

我使用此代码，当打开装置盒时，未停止重新加载，并且始终为fancybox内容充电。

var timeout
$(document).ready(function(){
   timeout = setTimeout('window.location.reload(true);',2000);
   $('.fancybox').fancybox({
      'beforeLoad': function() {if(timeout){clearTimeout(timeout); timeout = null; }},
      'beforeClose': function() {window.location.reload(true);}
   });          
});

有什么想法？

Answer 1

使用beforeLoad和afterClose对我有用：

function reloadPage(){
 location.reload();
}
$(document).ready(function(){
 var timeOut = setInterval("reloadPage()", 5000);
 $(".fancybox").fancybox({
  beforeLoad: function(){
   clearInterval(timeOut);
  },
  afterClose: function(){
   location.reload();
  }
 });
}); // ready

请参阅此处的工作演示。

salut

Answer 2

这应该有效。

$("<your selector>").fancybox({
    afterClose: function() {
       var timeout = setTimeout('window.location.reload(true);',2000);
    },
    beforeShow:function(){
       if(timeout){ clearTimeout(timeout); timeout = null; }
    }
})

注意：Fancy Box的版本是jquery.fancybox.js?v=2.1.2

请检查JSFIDDLE链接