如何使文檔腳本有條件？

Question

因此，當視口爲480px或更低時，我無法打破水平滾動。我的卷軸有這個文檔端腳本：

<script> 
     $(function() { 
      $("#wrapper").wrapInner("<table><tr>"); 
      $(".post").wrap("<td>"); 
     }); 
     $(function() { 
      $("body").mousewheel(function (event, delta) { 
       this.scrollLeft -= (delta * 50); 
       event.preventDefault(); 
      }); 
     }); 
    </script> 

當我刪除表格環繞功能，然後滾動中斷。相反，我希望這兩種可能的修復之一：

1. 一個媒體查詢命令，強制刪除一個類，以便我可以顯示爲一個塊。
2. 一種使上述文檔端代碼有條件的視口大小的方法。

在此先感謝。我知道它不是最好的，但它是我能夠使滾動工作的唯一方式（IE除外）

在此先感謝。

Answer 1

下面是一個方法僅水平滾動如果body超過480像素寬：

 $("body").mousewheel(function (event, delta) { 
      var $this = $(this); // 'body' in this case 
      var widthLimit = 480; 
      if ($this.width() > widthLimit) { 
       // horizontal scroll 
       this.scrollLeft -= (delta * 50); 
       event.preventDefault(); 
      } 
     }); 

這裏是媒體查詢，將顯示#wrapper作爲一個塊，如果視口小於480像素：

@media only screen and (max-width: 480px) { 
    #wrapper { 
     display: block; 
    } 
} 

請注意，媒體查詢通常只能更改樣式，不能添加或刪除classes或id s。