jQuery - Prévention de la mise en file d'attente des fonctions du vol stationnaire à partir des mouvements rapides de la souris

Question

C'est un problème que je ne cesse de rencontrer. Si par exemple j'ai un menu de navigation déroulant utilisant une fonction jQuery hover() et que je déplace rapidement le curseur de ma souris sur le <li> environ 10 fois, la sous-navigation apparaîtra, puis disparaîtra 10 fois.

Est-il possible d'empêcher ce problème?

Merci

Answer 1

Nous utilisons Hoverintent pour nos menus. Donne un retard intelligent avant d'animer:

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

Answer 2

Oui, utilisez la fonction d'arrêt!

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

Ou

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

Answer 3

Eh bien vous pouvez délie l'événement sur l'entrée à elle, et le lier à nouveau à la sortie. J'ai tendance à utiliser des variables de sémaphore quand je ne peux pas me permettre une rentrée. Cela dit, l'événement hover() lui-même n'est probablement pas en file d'attente, mais les animations elles-mêmes. Notez que vous avez à nouveau une animation en cours (sémaphores), et n'en créez pas d'autre, ou stop() l'animation (s) en cours avant de continuer.

Answer 4

utiliser la fonction stop() pour effacer la file d'attente d'animation d'un élément:

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