javascript - 如果浏览器是一定大小，删除 jQuery 效果？

Question

我正在构建一个响应式布局并使用一些 jQuery 插件，例如选项卡、下拉菜单、滚动到顶部等，我正在努力解决的一件事是，一旦浏览器处于最小位置，如何取消jQuery 魔法？

目前在较小的 View 中效果看起来很糟糕，所以如果您不介意的话，我只是在寻找一些指示或代码示例。

例如如果有一个 jQuery 如果浏览器视点是 =< 320px 那么不要运行等等？

在发帖之前，我先做了一些研究，希望专家能提供帮助。

Answer 1

一种方法是尝试将宽度条件包装在 $(window).resize 中事件:

$(document).ready(function(){
   $(window).resize(function() {
      if ($(window).width() <= 320) {
         // Leave empty
      }
      else {
        // Rest of your jQuery code can go here
      }
   });
});