javascript - 如何同时运行两个 jQuery 动画？

Question

是否可以同时在两个不同的元素上运行两个动画？我需要这个问题的反面Jquery queueing animations .

我需要做这样的事情......

$('#first').animate({ width: 200 }, 200);
$('#second').animate({ width: 600 }, 200);

但同时运行这两个。我唯一能想到的就是为每个动画使用一次 setTimeout，但我认为这不是最好的解决方案。

Answer 1

是的，有!

$(function () {
    $("#first").animate({
       width: '200px'
    }, { duration: 200, queue: false });

    $("#second").animate({
       width: '600px'
    }, { duration: 200, queue: false });
});