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

Question

这是我经常遇到的一个问题。例如，如果我有一个使用 jQuery hover() 的下拉导航菜单函数，我快速将鼠标光标移到 <li> 上然后离开大约10次，子导航会出现，然后消失10次。

有什么办法可以避免这个问题的发生吗？

谢谢

Answer 1

是的，使用停止功能!

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

或者

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