Problème d'effet de survol JQuery

Question

J'ai créé un script JQuery simple avec un effet de survol sur certains liens. Le script fonctionne bien comme vous pouvez le voir ici: exemple de test ... ... (testez-le sur n'importe quel navigateur autre qu'IE)

Mais si je passe la souris sur Rapide , vous remarquerez que les icônes de l'image ne disparaissent pas comme vous le souhaitez. J'ai tout essayé pour résoudre ce problème, mais je ne trouve pas de solution adéquate.

La question maintenant: Comment puis-je être sûr que l'effet de survol de mouseOut est appliqué après que l'effet de survol de mouseOver est complètement terminé?

Answer 1

Vous devez appliquer le stop () aux éléments animés. Essayez ceci:

function hide_frame() {
   var hoveredLang = $(this).parent();              
   hoveredLang
      .find('.language-name').stop(true, true)
      .find('.download-img').stop(true, true)
      .find('.info-img').stop(true, true);
   //eccetera...

Answer 2

Parce que votre effet d’animation a une durée d’achèvement, vous devez gérer les cas où le survol ou le survol se produit pendant l’animation.

J'utilise la fonction stop de JQuery ( http: //docs.jquery. com / Effects / stop )

Par exemple

$ ("sélecteur"). stop (vrai, vrai). votre effet (.....);

Essayez-le.