jquery einfache Menüüberschlags (ohne Animation Warteschlange)

Question

ich eine einfache ungeordnete Liste mit Listenelementen habe als Menüpunkt ich die Jquery erstellt gerade einen lustigen Rollover-Effekt Wesen zu haben:

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

das Problem Bei diesem Skript wird, wenn Sie mehrmals über das Menü rennen, eine Animationswarteschlange aufgebaut. Ich habe versucht, .stop() dazwischen zu verwenden, aber es stoppt auch die Animationen von den anderen Listenelementen, die auf jeden Fall in den Standardzustand zurückkehren sollten. gibt es eine Möglichkeit, die Warteschlange pro Element zu stoppen()? aber nicht für die ganze liste?

Answer 1

Ich sehe nicht, warum $ (this) .stop() .animate (...) nicht für Sie arbeiten, aber Sie können auch versuchen, diesen Ansatz:

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

denen triggern nur die Animation auf Elementen, die gerade nicht animiert sind