Question

当用户的窗口大小达到570px时，我正在寻找刷新（重新加载）页面。我正在建立一个响应式网站，需要这样做（我没有时间详细说明原因）。

基本上，我正在寻找的是当窗口大小超过570px宽度时网页刷新ONCE（一旦它变小，一旦它变大，一旦它变大）。

我知道这不理想，应该避免这种情况，但对于这个特定的网站，它将解决我所有的问题。

Answer 1

我不会自己这样做，但您可以在页面加载（或文档就绪）上使用以下内容：

var threshold = 570;
var initialDiff = ($(window).width() > threshold) ? 1:-1;

$(window).on('resize',function(e){
    var w = $(window).width();
    var currentDiff = w - threshold;
    if(currentDiff*initialDiff < 0) {
        location.reload();
    }
});

这适用于两个方向。有关宽度超过阈值时指示符div突出显示的示例，请参阅此jsFiddle。

Answer 2

你可以试试这个：

$(window).resize(function() {
 if($(window).width()>570)
    location.reload();//reload current page
});

如何在超过特定宽度阈值时刷新页面？

2 个答案: