jquery animate無法正常工作

Question

當我使用帶引導程序進度條的jQuery .animate()來設置進度百分比時，它只在我第一次使用它時才正常工作。 我做了一個的jsfiddle這裏：http://jsfiddle.net/43bqP/

當它只是不得不去50，它在某種程度上首先進入500以上，然後以動畫方式返回50 我該如何解決這個問題？

Answer 1

如何計算它到像素？代碼段：

... 
var stepBy = $("div.progress").width()/steps.length; 
... 
$("div#update div.progress div.progress-bar").animate({ 
    width : (stepBy + (stepBy * step)) 
} 
... 

JSFiddle全部代碼。

Answer 2

的問題是由於

duration : pauseBetweenSteps/2 

和alert()方法時，所有已執行的步驟叫，但動畫仍然在行動。

我不確定要理解爲什麼你要這樣設置duration。嘗試通過取消設置保留默認值（400），並在alert("done")周圍500毫秒添加setTimeout，以確保動畫已結束。

例如， http://jsfiddle.net/eEE87/