jquery - 启用/禁用调整大小时的 jquery 调用

Question

我正在构建一个响应式网站，因此根据窗口的大小需要不同的功能。

因此，如果屏幕宽度小于 964px，我想禁用 jquery 调用。如果它超过 964px，我想启用相同的调用。

这就是我得到的: http://jsfiddle.net/frogfacehead/2Mdem/1/

问题是，禁用部分不起作用。一旦启用，即使屏幕低于 964px，它也不会禁用。

有什么想法吗？

Answer 1

当屏幕尺寸大于 964px 时，您会将动画绑定(bind)到 .test 元素，因此要取消绑定(bind)它，您需要这样做

else {
        $body.html('Viewport is ' + mywidth + 'px wide. <span class="disable">[Disable Animation]</span>');
        $(".test").unbind("hover");
    }