Verständnis von jQuery-Effekten in Warteschlangen

Question

Ich versuche, einen jQuery-Effekt/Animation nach dem anderen laufen zu lassen. Ich habe dies versucht:

$('#myDiv').animate({'left':'+=300'},1000).delay(2000).animate({'left':'-=300'},1000); 

EDIT:

Das tatsächlich tut Werk nur ein Einfügen Fehler meinerseits. Chaining Effekte erstellt automatisch eine Warteschlange nach dem docs, das ist, was wir wollen:

$('#foo').slideUp().fadeIn();

Wenn diese Anweisung ausgeführt wird, das Element beginnt seine gleitende Animation sofort, aber der Fading Übergang wird nur dann in die FX-Queue gesetzt, die heißt, wenn der gleitende Übergang abgeschlossen ist.

Answer 1

jQuery animate() hat einen Anruf (Danke für die Hilfe, wird mir die Frage nicht zulassen, löschen) zurück Parameter

damit Sie diesen Es

$('#myDiv').animate({'left':'+=300'},1000, function() { 
    //Start Next Animation 
    $(this).animate({'left':'-=300'},1000, function() { 
    //Start Next animation 
    }); 
}) 

Answer 2

tun können Es gibt zwei Möglichkeiten, dies zu tun: Verwenden Sie den Parameter callback, um zu animieren, und verwenden Sie queues.

Answer 3

Haben Sie position: absolute; (oder relative, je nachdem, was Sie wollen) auf dem div? Wenn Sie dann nicht animiert left wird nichts tun. Hier ist ein funktionierendes Beispiel: http://jsfiddle.net/vftNF/