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

Question

是否有可能当页面在 css responsive 上时它会使用 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();
}
});

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

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