如何讓兩個jQuery動畫同時播放？

Question

我有這兩個事情發生在我的jQuery的動畫網站：

$('#myFirstDiv').animate({top: "15%"}, 3000); 
$('#mySecondDiv').animate({bottom: "15%"}, 3000); 

這兩個動畫似乎出現了一個又一個，而不是同時進行。在第二次比賽之前有一點點延遲，大約是十分之一秒。我想讓它們同時發生。

我嘗試這樣做：

$('#myFirstDiv').animate({top: "15%"}, 3000); 
$('#mySecondDiv').animate({bottom: "15%"}, {duration:3000, queue: false}); 

但它可能是錯誤的。

我將不勝感激如何正確地做到這一點的意見。

Answer 1

你的代碼應該工作得很好。 jQuery中的動畫是異步的，這意味着如果您有兩個動畫調用，第二個動畫將在第一個動畫調用後立即調用，即使第一個動畫仍在進行中。如果任何時候你想讓第一個執行到第二個之前的末尾，你的代碼將看起來像

$('#myFirstDiv').animate({top: "15%"}, 3000, function(){ 
    $('#mySecondDiv').animate({bottom: "15%"}, 3000); 
});