jquery et stop()

Question

Bonjour je ne comprends toujours pas comment fonctionne stop(). Il arrête toutes les animations en cours sur l'objet droit? Comment puis-je réinitialiser tout le statut et faire l'animation suivante? Il arrive que si vous avez un fondu en fondu/fondu sur la souris si vous le faites rapidement, il arrive que l'animation s'arrête à la moitié du fondu sortant et la prochaine fois que l'objet n'apparaîtra plus

HTML

<li class="dir" title=""> 
        <span class="pin"></span> 
        <span class="name">test</span> 
        <span class="delete_file" title="/test"></span> 
         <ul class="sub_folder"> 
         </ul> 

       </li> 

Comment et où dois-je mettre stop() de telle sorte que quand je vais sur le li.dir le .delete_file apparaît en fondu, mais dans le même temps la souris cesse sur tout! Il a essayé de jouer avec stop() show() hide() mais il arrive toujours que si je bouge la souris très rapidement, l'animation "fadeIN" redémarre à partir du dernier réglage, qui peut aller de 100% à 0% l'opacité (ne montrant pas du tout)

Answer 1

vous devez dire:

$(this)....stop(true, true).fadeTo(1).fadeOut("fast"); 

et

$(this)....stop(true, true).fadeTo(0).fadeIn("fast"); 

Answer 2

This demo devrait faire ce que vous voulez. J'ai changé le sélecteur pour créer une combinaison plus traditionnelle .mouseenter(), .mouseleave(). Si vous avez besoin de delay(), il peut être ajouté. La démo travaille avec et sans pour moi.

.stop() a tendance à être appelée avant d'appeler un effet d'animation, arrêtant ainsi une animation en cours avant d'en démarrer une autre.