什么是同步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 */});
});