如何在關閉fancybox時停止頁面重定向？

Question

我有以下代碼

<script type="text/javascript"> 
     jQuery(document).ready(function() { 
      beginCartnotification(); 
     }); 
     setTimeout(function() { 
      window.location.href = "http://www.someurl.com"; 
     }, 5000); 
    </script> 


<script type="text/javascript"> 
     jQuery.fancybox({ 
      'width': '300', 
      'height': '90', 
      'padding': '40px', 
      'autoDimensions': false, 
      'border': '1px solid #005195', 
      'autoScale': false, 
      'transitionIn': 'fade', 
      'transitionOut': 'fade', 
      'showCloseButton': true, 
      'type': 'inline', 
      'href': '#cartnotification-popup', 
      'onClosed': function(){ //perform some task on closing the fancybox.} 
     }); 
    } 
</script> 

現在我想要做的是，如果對看中框中關閉按鈕用戶點擊，頁面不應該重定向。

如果用戶在5秒後沒有點擊關閉按鈕，用戶應該被重定向到另一個頁面。

我該怎麼實現裏面關閉函數？

http://fancybox.net/api

Answer 1

只需添加一個setTimout到的fancybox的onComplete財產，一旦顯示的內容將被調用。如果在關閉fancybox之前達到超時，請重新定向。

在onClose屬性函數中清除超時值，以確保window.loaction更改不會被觸發。

同時將fancybox設置添加到jQuery的.ready()方法中，以確保在文檔準備就緒後立即進行初始化。

<script type="text/javascript"> 
jQuery(document).ready(function() { 

    beginCartnotification(); 

    // ADD A VAR TO HOLD YOUR TIMER. 
    var timer; 

    jQuery.fancybox({ 
    'width': '300', 
    'height': '90', 
    'padding': '40px', 
    'autoDimensions': false, 
    'border': '1px solid #005195', 
    'autoScale': false, 
    'transitionIn': 'fade', 
    'transitionOut': 'fade', 
    'showCloseButton': true, 
    'type': 'inline', 
    'href': '#cartnotification-popup', 
    'onComplete': function() { 
     timer = setTimeout(function() { 
     // REDIRECTING TAKES PLACE AFTER 5 SEC. 
     window.location.href = "http://www.someurl.com"; 
     }, 5000); 
    }, 
    'onClosed': function() { 
     // CLEAR THE TIMEOUT !!! 
     clearTimeout(timer); 
    } 
    }); 

}); 
</script>