javascript - 同步 JQuery 动画的好方法是什么？

Question

据我目前了解 $("#someElement").animate() 它将相对于任何其他 JavaScript 语句异步执行。例如:

$("#anotherElement").css("display", "none");

$("#someElement").animate(); 

//Setting the CSS display may fire AFTER the animation takes place.

如果我对动画工作原理的理解是正确的，我该如何:

1. 使动画与我的代码的其余部分同步运行？
2. 如果我想要排序影响不同元素的动画，如何同步它们以按给定顺序运行？

感谢您的帮助。

Answer 1

1. 不可以，您无法同步运行动画(仅限回调)。
2. 对此行为使用回调。

示例:

$('#elem1').animate(params, function () {
    $('#elem2').animate(params, function () {/* ...other elements */});
});