Javascript 如何重置此jquery进度按钮?

Javascript 如何重置此jquery进度按钮?,javascript,jquery,css,button,progress-bar,Javascript,Jquery,Css,Button,Progress Bar,我使用的自定义进度控制按钮(id#controlButton)来自以下代码: 该按钮工作正常,并按预期显示进度条 我正在运行$('#controlButton').progressSet()在脚本中的各个点更新按钮的进度 我的问题是,在点击按钮之后,无论是在进度条完成之前还是之后,我如何将按钮重置为原始状态,就像它还没有被点击一样,这样它就不会说“完成!”或“加载…” 我已经尝试删除了进行中和进行中:在类之后 $(“#控制按钮”).removeClass('in-progress'); $(“#

我使用的自定义进度控制按钮(id#controlButton)来自以下代码:

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

我正在运行
$('#controlButton').progressSet()在脚本中的各个点更新按钮的进度

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

我已经尝试删除了
进行中
进行中:在
类之后

$(“#控制按钮”).removeClass('in-progress');
$(“#控制按钮”).removeClass('in-progress:after')

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


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

尝试
$(“#控制按钮”).progressFinish().removeClass('finished')
而不使用
progressSet
方法调用
progressFinish
清除计时器,然后重新初始化进度条

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

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

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

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

用于更改按钮的文本。

如果您只需要更改按钮的文本
$(“#controlButton”)。文本('Start')
您是否尝试调用
$('#controlButton').progressInitialize()progressInitialize()
答案结合使用。仍然没有骰子:现在按钮显示“加载…”,进度条冻结了一小段时间。执行此操作时,闪烁“adf”很快,然后立即返回“加载…”。它不会与该设置的文本保持一致。我以前曾尝试使用document.getElementById(“#controlButton”).innerHTML=“Start”执行此操作,但它执行的操作是相同的:只是快速闪烁“Start”,然后返回到“Loading…”,这是因为进度条计时器仍在运行,它会根据当前状态更新进度条。@ruhnet我刚刚尝试过。使用.text()方法,然后删除类“正在进行”。在该演示站点上工作这会非常简短地显示进度条,可能是1/2秒,然后转到“加载…”仅当您想显示它已完全加载时才会启动它。我以为这就是你想要实现的。如果这不起作用,我想你需要修改进度条形码,添加一个新的方法来满足你的需要。不,@estherz实际上我想做的是完全重置按钮,就像它没有被点击一样,在点击后我的JS代码发现表单数据无效。会弹出一个警报,提示“更正某某”,按钮应该重置为“开始”,就像它还没有被单击一样。啊,好吧,我明白了(我想)试试这个(“控制按钮”).progressFinish().removeClass('finished'))