仅当窗口宽度 > 940px 时才加载 jQuery 函数，无论是通过页面加载还是调整大小答案

【问题标题】：Loading jQuery function only when window width > 940px whether by page load or resize仅当窗口宽度 > 940px 时才加载 jQuery 函数，无论是通过页面加载还是调整大小
【发布时间】：2012-08-27 12:22:45
【问题描述】：

我希望仅在浏览器窗口宽度大于 940 像素时才加载函数。

我可以在初始页面加载时这样做：

if ( $(window).width() > 940) {
  // my function
}

但是，上述方式不适用于浏览器调整大小。我已经能够通过以下方式在浏览器调整大小方面有所帮助：

$(window).resize(function() {
  if ($(window).width() < 940) {
     return;
  }
 else {
    // my function
 }
});

然而，这样做的问题是，一旦加载了函数，无论浏览器窗口是否缩小，它都会保持加载状态。每当窗口较小时，我都需要清除该功能或卸载它。

有没有办法只在窗口大于 940px 时加载函数，如果窗口小于 940 则完全删除它？

任何帮助将不胜感激。

【问题讨论】：

函数在哪里？
在注释区域内，所以看起来像： if ( $(window).width() > 940) { nav_container.waypoint(); }

标签： javascript jquery window-resize

【解决方案1】：

看看Managing JavaScript on Responsive Websites。

【讨论】：

【解决方案2】：

在您拥有return 的第一个分支中执行您需要的操作。

http://jsfiddle.net/KQSNE/

【讨论】：