javascript - 如何在执行另一个函数时执行一个函数？

Question

我发现了一些类似的问题，但我无法将它们与我的问题联系起来..

我正在尝试的是因为progressLine的宽度是动画条宽度的动画

这是我的简单代码:

var function1 = $('.progressLine').animate({width:120},500); 
var function2 = $('.bar').animate({width:50,height:50,top:0},500);
$.when(function1).done(function(){
function2;
});

我尝试用 jquery 做到这一点，但它们仍然同时动画.. 那么如何在动画进度线宽度之后对条宽度进行动画处理呢？

fiddle :http://jsfiddle.net/mDUkL/3/

Answer 1

Use animate Callback in jquery

$('.progressLine').animate({width:120},500 , function() { 

       $('.bar').animate({width:50,height:50,top:0},500);
});