jQuery - Prevención de la cola de espera de funciones de movimientos rápidos del mouse

Question

Este es un problema que parece que sigo encontrando. Si, por ejemplo, tengo un menú desplegable de navegación usando una función jQuery hover() y muevo rápidamente el cursor de mi mouse sobre el <li> unas 10 veces, el subnaveo aparecerá y luego desaparecerá 10 veces.

¿Hay alguna forma de evitar este problema?

Gracias

Answer 1

Utilizamos Hoverintent para nuestros menús. Da un retraso inteligente antes animación:

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

Answer 2

Sí, utilice la función de parada!

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

O

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

Answer 3

Bien se podría desatar el evento en la entrada a la misma, y ​​se unen de nuevo en la salida. Tiendo a usar variables de semáforo cuando no puedo pagar el reingreso.

Habiendo dicho eso, el evento hover() en sí mismo probablemente no esté haciendo cola, sino las animaciones mismas. O bien nota que tienes una animación en progreso (semáforos) de nuevo, y no emite otra, o stop() las animaciones en progreso antes de continuar.

Answer 4

utilizar la función stop() a borrar la cola de la animación de un elemento:

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