Question

我希望首先同时执行第一个动画块，然后同时执行第二个代码块。提前致谢

$('#logo').fadeIn({queue: false, duration: 2000});
$('#logo').animate({ width: "300px" }, 2000);
$('#logo_img').animate({ width: "300px" }, 2000);

$('#logo').delay(500).animate({marginTop: "-500px", width: "200px"}, {queue: false, duration: 1000});
$("#logo_img").animte({width: "200px"},1000);

Answer 1

jQuery animate有一个完整的回调函数，你可以链接后续函数，例如。

$( "#logo" ).animate({
    width: "300px"
}, 2000, function() {
    // Animation complete.
});

Answer 2

实际上所有的jquery动画都接受回调，因此您可以同步动画前3个动画，然后将最后3个嵌入回调中，如下所示：

$('#logo').fadeIn({queue: false, duration: 2000});
$('#logo').animate({ width: "300px" }, 2000);
$('#logo_img').animate({ width: "300px" }, 2000, function() {
    $('#logo').delay(500).animate({marginTop: "-500px", width: "200px"}, {queue: false, duration: 1000});
    $("#logo_img").animte({width: "200px"},1000);
});

我希望这有助于回答你的问题。

戴夫

Answer 3

感谢您的帮助，但我刚发现错误，我的语法在第5行不正确;而不是“动画”我写了“animte”。容易犯错但你的回答仍然帮我解决了所以谢谢你

同时运行分组动画jQuery

3 个答案: