jquery animate 不能正常工作

【问题标题】：jquery animate doesn't work properlyjquery animate 不能正常工作
【发布时间】：2014-01-20 11:28:40
【问题描述】：

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

当它必须达到 50 时，它以某种方式首先超过 500，然后动画回到 50。我该如何解决这个问题？

【问题讨论】：

标签： javascript jquery css twitter-bootstrap jquery-animate

【解决方案1】：

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

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

JSFiddle 带有完整代码。

【讨论】：

【解决方案2】：

问题是由于

duration : pauseBetweenSteps / 2

当所有步骤都已执行但动画仍在进行中时调用alert() 方法。

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

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

【讨论】：