如何在媒體查詢中禁用JavaScript

Question

我想在媒體查詢中討論javascripts。

@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
}