jQuery - 取消绑定(bind)或重新绑定(bind)hoverIntent()？

Question

我有一个菜单栏，在上一行显示一组类别。

其中一个类别有一组子类别。

我有一个hoverIntent设置，以便它会在子菜单中向下滑动，并在鼠标离开时向上滑动。

但是，如果我正在查看此类别中的页面，我希望子菜单可见，并突出显示事件类别。我还想确保当通过鼠标与子菜单交互时，一旦鼠标离开，它不会再次向上滑动。

我尝试在此页面中的元素上重新声明hoverIntent函数，但它不起作用，它仍然使用以前的绑定(bind)。有没有办法解除之前的hoverIntent的绑定(bind)并确保它使用新的？

Answer 1

要绑定(bind)和取消绑定(bind) hoverIntent，您应该执行以下操作:

// bind the hoverIntent
$("#demo1 li").hoverIntent(makeTall, makeShort)
// unbind the hoverIntent
$("#demo1 li").unbind("mouseenter").unbind("mouseleave");
$("#demo1 li").removeProp('hoverIntent_t');
$("#demo1 li").removeProp('hoverIntent_s');
// rebind the hoverIntent
$("#demo1 li").hoverIntent(makeTall, makeShort)