jQuery - 防止從快速鼠標移動排隊懸停功能

Question

這是一個我似乎還會遇到的問題。例如，如果我有一個使用jQuery hover()函數的下拉導航菜單，並且我快速將鼠標光標移過然後關閉<li>約10次，則子導航將出現，然後消失10次。

有什麼辦法可以防止這個問題發生嗎？

謝謝

Answer 1

我們使用Hoverintent我們的菜單。給出了一個聰明的延遲動畫之前：

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

Answer 2

是的，使用停止功能！

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

或者

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

Answer 3

那麼你可以在條目，將其解除綁定事件，並在退出再次綁定。當我無法再次進入時，我傾向於使用信號量變量。儘管如此，hover（）事件本身可能不是排隊，而是動畫本身。請注意，您還有一個正在進行的動畫（信號量），並且在繼續之前不要發出另一個動畫或正在進行的動畫。

Answer 4

使用stop()功能來清除元素的動畫隊列：

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