javascript - if 语句中的函数也在 if 语句之外运行

Question

可能重复：
jQuery 函数在不应该运行时运行

一直试图让它工作几个小时，但找不到解决方案，所以一些建议将不胜感激！我在一个if ($window.width() < 1000)语句中有一个函数，该函数也在该语句之外运行。所以当窗口宽度> 1000 px 时，该函数也会触发。我的问题很简单。为什么？

我正在使用可以正常工作的背景颜色“记录”if/else 语句，调整大小时颜色来回变化。当页面小于 1000 像素时，右侧列表应在视觉上表示为具有选项卡功能的下拉列表（与升降机上的下拉列表相同的功能），当页面大于 1000 时，右侧应在视觉上表示为选项卡。

代码

全屏演示（更容易滚动）

Answer 1

第一次在大于 1000 像素的窗口中打开页面时，它会设置 click 事件处理程序。当您将其调整为小于 1000px 的宽度时，仍然会设置单击事件，因此单击时它仍然会做出反应。

您可以执行以下操作：

当宽度大于 1000px 时

$('.schedule li').bind('click', function(){...

否则（宽度小于 1000 像素）取消绑定点击。

$('.schedule li').unbind('click');

我希望这会有所帮助。