如何重置此jquery进度按钮?

时间:2016-01-12 20:28:05

标签: javascript jquery css button progress-bar

我在这里的代码中使用自定义进度控制按钮(id #controlButton):http://tutorialzine.com/2013/10/buttons-built-in-progress-meters/

按钮工作正常,并按预期显示进度条。

我在脚本中的不同位置运行$('#controlButton').progressSet();以更新按钮的进度。

我的问题是,点击按钮后,在进度条完成之前或之后,如何将按钮重置为原始状态,就像它尚未点击一样,这样它就不会说“完成!”或“正在加载......”

我尝试使用

删除in-progressin-progress:after

$('#controlButton').removeClass('in-progress'); $('#controlButton').removeClass('in-progress:after');

然后停止进度条,但按钮仍显示“正在加载...”

我(显然)没有经验丰富的JQuery和JS,所以请原谅我,如果我错过了一些简单的东西。

3 个答案:

答案 0 :(得分:0)

在没有$("#controlButton").progressFinish().removeClass('finished')方法的情况下尝试progressSet

答案 1 :(得分:0)

调用progressFinish清除计时器,然后重新初始化进度条。

$("#controlButton").progressFinish().progressInitialize();

答案 2 :(得分:0)

看起来他们正在使用自定义属性数据加载和数据处理来更改该标签的文本。

如果您说您可以停止加载,可以使用

SocketTextStreamWordCount localhost 9999

用于更改按钮的文字。