jquery animate无法正常工作

Question

当我使用带有引导进度条的jQuery .animate()来设置进度百分比时，它只在我第一次使用它时才能正常工作。 我在这里做了一个JSFiddle：http://jsfiddle.net/43bqP/

当它只需要到50时，它首先会超过500，然后动画回到50。 我该如何解决这个问题？

Answer 1

问题是由于

duration : pauseBetweenSteps / 2

和alert()方法在执行完所有步骤时调用，但动画仍处于行动状态。

我不确定你为什么要这样设置duration。尝试通过取消设置保留默认值（400），并在setTimeout周围添加alert("done") 500毫秒，以确保动画已结束。

工作例如。 http://jsfiddle.net/eEE87/

Answer 2

如何将其计算为像素？代码片段：

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

JSFiddle包含完整代码。