Jquery, désactiver/ignorer un événement de survol pendant le fondu entrant/sortant?

Question

J'essaie de comprendre si cela est possible .. J'ai une carte d'image qui se fane/fondu en fonction de planètes sur certaines parties .. le problème est que lorsque l'utilisateur plane sur une zone différente pendant le fondu il finit le fondu qu'il faisait alors fait celui de la zone où la souris a été déplacée .. si l'utilisateur se déplace rapidement entre quelques zones différentes, alors les fondus apparaissent vraiment nerveux et gênant, donc je veux être en mesure de désactiver le vol stationnaire événement (le fondu) pendant le temps que se passe un autre fondu donc il l'ignore simplement ..

J'ai pensé à utiliser une sorte de retard mais je ne sais pas si cela peut fonctionner puisque je le penserais retarder le fondu aussi ... tout conseil est apprécié.

Answer 1

Je pense que vous faites référence à queue buildup problème. Essayez d'utiliser la méthode stop avant que la méthode d'animation, par exemple:

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

Plus d'info:

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

En ce qui concerne une animation fluide, vous pouvez aller pour jQuery Easing Plugin.

Answer 2

Sans voir votre code, vos outils sont un mélange de :animated et de méthode jQuerys .stop().

Cela pourrait ressembler à

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

Vous pouvez également appeler .stop(true, true) avant toute .fadeIn() de votre chaîne. Cela arrêtera l'animation en cours et passera à la fin du fx queue.

Références: :animated selector, .stop(), .is()