jQuery efektlerini anlama kuyruğu

Question

Bir jQuery efekti/animasyonu diğerinden sonra çalıştırmaya çalışıyorum. Bu denedim:

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

DÜZENLEME:

Bu aslında benim açımdan yapıştırma hata işle yapar. otomatik etkilerini Zincirleme Bizim istediğimiz docs göre, bir kuyruk oluşturur: Bu deyimi yürütüldüğünde

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

, eleman derhal sürgülü animasyon başlar, ancak solma geçiş Kaydırma geçişi tamamlandığında sadece çağrılacak fx kuyruğuna yerleştirilir.

Answer 1

jQuery animate() Eğer Orada bu

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

Answer 2

yapabilirsiniz onunla bir çağrı arka parametresi

sahiptir (Yardım için teşekkürler, bana soruyu silmek izin vermez) Bunu yapmanın iki yolu vardır: callback parametresini animasyonlu kullanarak ve queues kullanarak.

Answer 3

Divanda position: absolute; (veya relative, ne istediğinize bağlı olarak) ayarladınız mı? Eğer daha sonra yapmamışsanız left hiçbir şey yapmayacaktır. İşte bir örnek: http://jsfiddle.net/vftNF/