jQuery - 防止快速鼠标移动排队悬停功能

Question

这是一个我似乎不断遇到的问题.例如,如果我有一个使用jQuery hover()函数的下拉导航菜单,我快速移动鼠标光标然后关闭<li>大约10次,则会出现子导航,然后消失10次.

有没有办法防止这个问题发生？

谢谢

Answer 1

是的,使用停止功能!

$(this).stop().animate(...);

要么

$(this).stop().show();

Answer 2

我们的菜单使用 Hoverintent。在动画之前给出智能延迟：

http://cherne.net/brian/resources/jquery.hoverIntent.html