如何同时播放两个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);
});