当jss响应时，在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();
    }

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

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

Answer 1

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

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

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

然后你需要重装一次。但仅在用户调整大小时。

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