传递一定宽度时重新加载页面

Question

我希望只有在浏览器窗口高于或低于768px时才重新加载页面.这是我失败的尝试.

if ($(window.width() > "769") {
    $(window).resize(function () {
        if ($(window).width() < "769") {
            location.reload();
        }
    });

}
elseif($(window.width() < "769") {

    $(window).resize(function () {
        if ($(window).width() > "769") {
            location.reload();
        }
    });

}

我确实这是一个非常简单的方法.

Answer 1

演示jsFiddle

重新加载页面的证据是(选项卡中的等待图标:D)生成随机数的Math随机数(在演示中).

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);
    }
});

超时功能将帮助窗口调整大小以在调用refresh函数之前等待100ms .
您可以增加超时值以提高可用性.