jQuery 函数在不应该运行的时候运行

我有一个函数，仅当宽度小于特定值时才需要运行。我已经这样做了if ($(window).width() < n) { }但当宽度大于 n 时，该函数也会运行。

The if if ($(window).width() < n) { }由于背景颜色发生变化（浅灰色 1000px），效果很好。

由于该函数也在不应该分页布局的情况下运行（单击选项卡，然后调整大小以查看这一点）。当函数不应该运行时，应显示常规选项卡，如您所见，它们会正确显示，直到您单击它们切换（这是不应该触发的函数）。

谁能帮助我？

Code http://jsfiddle.net/5f3AF/1/

Demo http://jsfiddle.net/5f3AF/show/（滚动 1000 像素即可查看）

PS：我知道尽管我仅限于使用 a 来实现这一目的，但 ' ' 会有更好的用途。

而不仅仅是if (windowsize < 1000)您还需要了解当前状态。

if (is_large && windowsize < 1000)
{
    is_large = false;
    // rest of code to handle transition to small size
}
else if (!is_large)
{
    is_large = true;
    // code to handle transition to large size
}

您还需要处理设置的情况is_large在初始调用之前的页面加载checkWidth().