如何在跨越一定寬度閾值時刷新頁面？

Question

當用戶的窗口大小達到570px時，我正在刷新（重新加載）頁面。我正在構建一個響應式網站，並需要這樣做（我沒有時間詳細說明原因）。

基本上，我在尋找的是當窗口大小跨越570px寬度（一旦變小，一旦變大）時，網頁刷新一次。

我知道這並不理想，應該避免這樣做，但對於這個特定的網站，它將解決我所有的問題。

Answer 1

你可以試試這個：

$(window).resize(function() { 
if($(window).width()>570) 
    location.reload();//reload current page 
}); 

Answer 2

我不會這樣做我自己，但你可以使用頁面負載以下（或文件準備好）：

var threshold = 570; 
var initialDiff = ($(window).width() > threshold) ? 1:-1; 

$(window).on('resize',function(e){ 
    var w = $(window).width(); 
    var currentDiff = w - threshold; 
    if(currentDiff*initialDiff < 0) { 
     location.reload(); 
    } 
}); 

這在兩個方向。 查看此jsFiddle的一個示例，其中指示符div在寬度超過閾值時突出顯示。