如何暂时解除jquery.mousewheel的绑定

Question

我正在制作一个基于同位素的页面。主显示屏水平滚动，我使用 jquery.mousehweel 脚本。我想在打开文章时将默认操作返回给用户，并阻止其水平滚动，但我不知道该怎么做。

是给出示例的 jsfiddle 链接：

http://jsfiddle.net/DJVX2/529/

这 您单击一个框，它会变得非常高，但是如果您使用鼠标滚轮，它仍然会左右滚动页面。我想让用户仅在盒子很高时垂直滚动。

感谢您的帮助！

注意：如果您的鼠标不在#container div 上，您就已经可以使用鼠标水平滚动。问题是当鼠标悬停在包含所有框的 #makeMeScrollable div 上时

Answer 1

您必须取消绑定完全相同的功能。在您的代码中，您正在解除绑定具有相似足迹的不同函数。要使用完全相同的函数，请首先定义它并将其存储为变量，然后在 bind 和 unbind 中使用对该变量的引用。请参阅 http://jsfiddle.net/DJVX2/530/ 以获取显示此工作的小提琴更新在你的背景下。基本思想是这样的：

// Define the callback
var callback = function(ev) { ... };

// Bind the callback
$(selector).bind('event', callback);

// Unbind the callback
$(selector).unbind('event', callback);

从 jQuery 1.7（撰写本文时的最新版本）开始，事件绑定的首选方法是使用 on 和 off ，如下所示:

// Bind the callback
$(selector).on('event', callback);

// Unbind the callback
$(selector).off('event', callback);

(请注意，您还可以向它们传递另一个参数来执行事件委托。有关更多信息，请参阅文档细节。