Jquery, ¿desactivar/ignorar el evento de desplazamiento al pasar durante el fundido de entrada/salida?

Question

Estoy tratando de averiguar si esto es posible .. Tengo un mapa de imagen que se desvanece/desaparece en función de que se cierne sobre ciertas partes ... el problema es que cuando el usuario se desplaza a un área diferente durante el fundido termina el desvanecimiento que estaba haciendo y luego hace el del área donde se movió el mouse ... si el usuario se mueve rápidamente entre algunas áreas diferentes, entonces los desvanecimientos aparecen realmente inquietos y torpes, por lo que quiero poder desactivar el flotar evento (el desvanecimiento) durante el tiempo en que se está produciendo otro desvanecimiento, por lo que simplemente lo ignora ..

He pensado en usar algún tipo de retraso pero no sé si esto puede funcionar, ya que creo que lo haría retrasa el desvanecimiento también ... cualquier consejo es apreciado.

Answer 1

creo que se está refiriendo a queue buildup problema allí. Trate de usar el método stop antes de que el método de la animación por ejemplo:

$(...).stop().fadeIn(); 

Más información:

http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup

En cuanto a animación suave, se puede ir por jQuery Easing Plugin.

Answer 2

Sin ver su código, sus herramientas son una combinación de :animated y jQuerys .stop() método.

que podría parecerse a

$('imagemap').hover(function(){ 
    // only do something if no animation is in process (like fading) 
    if(!$(this).is(':animated')){ 
    } 
}, function(){ 
}); 

También puede llamar .stop(true, true) antes de cualquier .fadeIn() en su cadena. Eso detendrá la animación actual y saltará al final de fx queue.

Referencias: :animated selector, .stop(), .is()