在完成其他元素（jQuery）后启动animate函数

Question

我真的害怕在这里提问，因为任何时候我都要求所有攻击都在我身上但是：

$("#button2").click(function(){
$("#button1").animate({width: "250px"}, 5000);
$("#button1").ready(function(){$("#div").animate({width: "400px"}, 5000);});        
});

请帮助我，我想要这个：当我点击button2时，它会为div设置动画，但我想为button1设置动画，然后在完成之后，开始动画div（不是同时）。 谢谢和赞赏！

Answer 1

您可以使用.queue()功能：

$("#button2").click(function(){
   $("#button1").animate({width: "250px"}, 5000).queue(function() {
     $("#div").animate({width: "400px"}, 5000);   
     $(this).dequeue();
   });            
});