如何在jQuery中取消绑定"悬停"？

Question

这不起作用:

$(this).unbind('hover');

Answer 1

$(this).unbind('mouseenter').unbind('mouseleave')

或者更简洁(感谢@Chad Grant):

$(this).unbind('mouseenter mouseleave')

Answer 2

实际上,jQuery文档比上面显示的链接示例有更简单的方法(尽管它们可以正常工作):

$("#myElement").unbind('mouseenter mouseleave');

从jQuery 1.7开始,您还可以使用$.on()和$.off()进行事件绑定,因此要取消绑定悬停事件,您将使用更简单和更整洁:

$('#myElement').off('hover');

伪事件名称"悬停" 用作 "mouseenter mouseleave" 的简写,但在早期的jQuery版本中处理不同; 要求您明确删除每个文字事件名称.$.off()现在使用允许您使用相同的速记删除两个鼠标事件.

编辑2016:

仍然是一个受欢迎的问题,所以值得注意@ Dennis98在下面的评论中的观点,在jQuery 1.9+中,"悬停"事件被弃用,支持标准的"mouseenter mouseleave"调用.所以你的事件绑定声明现在应该是这样的:

$('#myElement').off('mouseenter mouseleave');

Answer 3

单独取消绑定mouseenter和mouseleave事件,或取消绑定元素上的所有事件.

$(this).unbind('mouseenter').unbind('mouseleave');

要么

$(this).unbind();  // assuming you have no other handlers you want to keep