刷新頁面時，窗口通過一定倍數寬度

Question

我只需要如果瀏覽器窗口通過寬度爲300px或769px或1,024像素

也有同樣的問題，我的要求（http://goo.gl/46jjzH），但批准的唯一的問題的頁面重載答案是頁面重新加載傳遞後只有769px，我需要做3個不同的尺寸300px或769px或1024px不只是769px相同。

只與一個特定的寬度從http://goo.gl/46jjzH

第一代碼通過@Roko C. Buljan

var ww = $(window).width(); 
var limit = 769; 

function refresh() { 
    ww = $(window).width(); 
    var w = ww<limit ? (location.reload(true)) : (ww>limit ? (location.reload(true)) : ww=limit); 
} 

var tOut; 
$(window).resize(function() { 
    var resW = $(window).width(); 
    clearTimeout(tOut); 
    if ((ww>limit && resW<limit) || (ww<limit && resW>limit)) {   
     tOut = setTimeout(refresh, 100); 
    } 
}); 

和第二代碼通過@gdoron

var width = $(window).width(); 
$(window).resize(function() { 
    if (width > 769 && $(window).width() < 769) { 
     location.reload(); 
    } 
    else if (width < 769 && $(window).width() > 769) { 
     location.reload(); 
    } 
});​ 

Answer 1

去作品兩個碼使用第二個代碼示例，您可以使用or運算符檢查備用條件。

var prevWidth = $(window).width(); 
$(window).resize(function() { 
    var currentWidth = $(window).width(); 

    if (
     (prevWidth > 769 && currentWidth < 769) 
     || (prevWidth > 300 currentWidth < 300) 
     || (prevWidth > 1024 currentWidth < 1024) 
    ) 

    { 
     location.reload(); 
    } 

});​