1

ブラウザー ウィンドウが幅 300px または 769px または 1024px を渡す場合にのみ、ページをリロードする必要があります。

私の要求 ( http://goo.gl/46jjzH ) に同様の質問がありますが、承認された回答の唯一の問題は、769px を通過した後にページがリロードされることです。3 つの異なるサイズ 300px または 769px で同じことを行う必要があります。または769pxだけでなく1024px。

http://goo.gl/46jjzHの 1 つの特定の幅でのみ機能する 2 つのコード

@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による2番目のコード

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

1 に答える 1