如何在媒体查询中禁用JavaScript

Question

我想在媒体查询中禁用javascript。

@media only screen
 (max-device-width : 568px) {
.sidebar { display: none; } 
  #navmenu {  margin-top:0px; width:auto; padding:10px; margin-left:15%;}
.content {width:auto; height:auto; margin-left:0; margin-top:3%;}
.contentsing{position:relative; width:100%; height:auto; margin-left:0%; margin-top:-150px;}


}

这是mu代码，现在我想添加一些会禁用脚本的内容。

Answer 1

您可以将脚本包装在if语句中，该语句检查屏幕的宽度：

if(window.innerWidth > 568){
    ...execute script
}

但是，这只会执行一次，那么如果你调整浏览器窗口的大小呢？每当您调整浏览器大小时，您都可以拥有一个执行脚本的事件监听器。

window.addEventListener('resize', function(){
    if(window.innerWidth > 568){
        ...execute script
    }
});

Answer 2

当你使用jQuery时 - 这段代码会帮助你

$(window).resize(function() {
    if ($(window).width()>992){
        ...execute script
    }
});

Answer 3

这会更好......

if ($(window).width()>568){
    ...execute script
}