javascript - 如何重置此 jquery 进度按钮？

Question

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

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

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

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

我尝试删除 in-progress 和 in-progress:after 类

$('#controlButton').removeClass('进行中');
$('#controlButton').removeClass('进行中:之后');

这会停止进度条，但按钮仍然显示“正在加载...”

我(显然)对 JQuery 和 JS 没有那么多经验，所以如果我遗漏了一些简单的东西，请原谅我。

Answer 1

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

如果你说你可以停止加载，你可以使用

 $("#controlButton").text("start");

用于更改按钮的文本。