ブラウザー ウィンドウが幅 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();
}
});