javascript - 当它进入css响应时，在js中刷新页面

Question

是否有可能当页面在 css 响应时它会使用 javascript 或 jquery 刷新页面？

例如，如果我有这个 CSS 代码：

@media only screen and (max-width: 826px){
    #divid{
    top:80px;
}
}

如果宽度等于 826px，我想刷新页面。现在我有这些js代码：

var descTop = $('#divid').eq(0).css('top');
    if (descTop == "80px"){
           window.location.reload();
    }

但它不起作用，但是当我尝试手动刷新它时，它会无限停止重新加载。

我的想法可能吗？如果是，那么我将如何处理它？

score 0 · Accepted Answer

您正在根据小于 826 像素的大小刷新页面，一旦您低于该数量，情况总是如此。所以刷新会循环。

您需要查看附加到 onWinodowResize 事件：

$(window).resize(function() {
  var descTop = $('#divid').width()
if (descTop < 826){
       window.location.reload();
}
});

然后你需要重新加载一次。但仅当用户调整大小时。

此外，您的代码是比较两个字符串而不是宽度的整数值；

1 回答 1