jQuery boucle mon fadeIn / fadeOut

Question

Je l'ai fait une déclaration .hover facile (function () jQuery. Quand je passe la souris sur un texte que je veux simplement # div.fadeIn, et sur fadeOut non-vol stationnaire. Il fonctionne. Mais il est juste si je le spam le texte déclencheur avec vol stationnaire et non hoverring très rapidement, puis arrêter l'animation commence à donner un effet de clignotement. Il vient des boucles de type, vraiment ennuyeux!

Answer 1

Il y a quelques moyens faciles à résoudre ce problème, mais celui-ci devrait fournir un bel effet pour ce que vous voulez:

$("#yourtrigger").hover(function(){
    $("#div").stop(true).fadeTo( "fast", 1.0);
}, function(){
    $("#div").fadeOut( "fast" );
});

Il est important de ne pas utiliser fadeIn avec cette méthode car elle arrêtera la décoloration après un certain temps en raison de la façon dont les pistes jQuery ce qu'elle devrait « disparaître pour ».

Answer 2

Si vous avez quelque chose comme ceci:

$('#your_div').action1().action2();

Changer à:

$('#your_div').action1(miliseconds, function() {
   $(this).action2(); 
});

Vous pouvez même, avec v1.4, ajoutez le retard () appeler comme ça.

$('your_div').action1().delay(miliseconds).action2();