jQuery Stop Animation

Question

J'ai une barre de menu avec une animation jQuery. Il y a un effet d'image glissant dessus. Lorsque vous passez la souris sur chaque élément, l'image change, lorsque vous passez la souris sur l'ensemble de la barre de menus, elle devient une barre de menus par défaut. Le problème: Cependant, si vous quittez la barre de menus entière avant la fin de l'animation active, l'image par défaut mentionnée ci-dessus ne changera pas et vous serez bloqué sur l'autre image jusqu'à ce que vous repartiez de la souris. lentement. Cela arrive assez souvent, et il en résulte que les animations obtiennent leurs directions tout foiré.

J'ai besoin d'un moyen d'utiliser jQuery pour arrêter toutes les autres animations au milieu quand je souris à partir du menu entier. Donc, à chaque fois que votre souris quitte la zone entière, annulez toute animation et revenez à la valeur par défaut.

Mon fichier JS est minifiés, mais vous pouvez jeter un coup d'oeil ici: http://designsweeter.com/live/bcmedical/wp-content/themes/designsweeter/scripts/menu.js

enjolivé JS: http://designsweeter.com/live/bcmedical/prettymenu.js

Answer 1

ne peut pas donner une réponse spécifique provoque votre code de peu confus, mais essayez d'inclure cette rappeler.

jQuery('ul.your-menu').mouseout(function() { 
    jQuery(this + ' li').stop(true, true).animate(*YOUR CODE HERE - to return to default image*); 
} 

Vous devrez remplacer les sélecteurs et le code .animate pour correspondre à votre situation spécifique.

Espérons que cela aide!