menu simple jquery capotage (sans file d'attente d'animation)

Question

Je simple liste non ordonnée avec des éléments de liste comme élément de menu i a créé le jquery juste pour avoir un effet de retournement drôle être:

$('#nav ul ul li').hover(function(){ 
$(this).animate({ 
     marginLeft: "20px", 
     }, 300); 
}, function(){ 
$(this).animate({ 
     marginLeft: "0px", 
     }, 300); 
}); 

le problème Avec ce script, si vous dépassez plusieurs fois le menu, une file d'attente d'animation se crée. J'ai essayé d'utiliser .stop() entre les deux, mais il arrête également les animations des autres éléments de la liste qui devraient revenir à l'état par défaut dans tous les cas. y at-il un moyen d'arrêter() la file d'attente par élément? mais pas pour toute la liste?

Answer 1

Je ne vois pas pourquoi $ (this) .stop() .animate (...) ne fonctionne pas pour vous, mais vous pouvez aussi essayer cette approche:

$(":not(:animated)", this).animate(...) 

qui sera ne déclenche l'animation que sur les éléments qui ne sont pas actuellement animés