jquery - 如何暂时解除jquery.mousewheel的绑定(bind)

Question

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

这是给出示例的 jsfiddle 链接:

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

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

感谢您的帮助!

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

Answer 1

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

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

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

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

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

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

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

(请注意，您还可以向这些参数传递另一个参数来执行事件委托(delegate)。有关更多详细信息，请参阅 the docs。