Question

我有一个页面www.redpeppermedia.in/tc24_beta/它可以在980px分辨率下工作正常但是当你把它调到768px时，CSS和媒体查询会改变它的布局，但是一旦你有了在768px并刷新页面，一切都按照我的意愿，布局自行修复。现在，如果您尝试将其大小调整为768px以上，则需要再次刷新以便布局修复..

我的意思是有更好的方法可以做到这一点......或者任何人都可以帮我解决这个令人耳目一新的重装事件..

非常感谢你：）

Answer 1

$（window）.width（）在jquery中浏览window.resize：

var old_size = $( window ).width();

$( window ).resize(function() {
  if(old_size > 768 && $( window ).width() < 768){
    window.location.reload();
  }
  old_size = $( window ).width();
});

Answer 2

我找到了这个令人惊讶的剧本，完成了我的工作：

$(document).ready(function(){
    var ww = $(window).width();
    var limit = 768;            

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

当页面仅来回穿过某个分辨率时，如何触发刷新/重新加载

2 个答案: