Javascript 如何重置此jquery进度按钮?
我使用的自定义进度控制按钮(id#controlButton)来自以下代码: 该按钮工作正常,并按预期显示进度条 我正在运行Javascript 如何重置此jquery进度按钮?,javascript,jquery,css,button,progress-bar,Javascript,Jquery,Css,Button,Progress Bar,我使用的自定义进度控制按钮(id#controlButton)来自以下代码: 该按钮工作正常,并按预期显示进度条 我正在运行$('#controlButton').progressSet()在脚本中的各个点更新按钮的进度 我的问题是,在点击按钮之后,无论是在进度条完成之前还是之后,我如何将按钮重置为原始状态,就像它还没有被点击一样,这样它就不会说“完成!”或“加载…” 我已经尝试删除了进行中和进行中:在类之后 $(“#控制按钮”).removeClass('in-progress'); $(“#
$('#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()要重新初始化它吗?我认为您需要对该代码示例进行一些挖掘。天下没有免费的午餐!哈哈,这就是我一直想做的——我已经尝试了这里建议的大多数东西,在提问之前,以不同的组合。但恐怕我对JS和JQuery不够熟悉,无法修复它。但我会坚持下去…:-)哦,这里有一把小提琴,这样其他人就可以进城了:我以前试过这个。这会重置进度条,但按钮的文本仍然显示“加载…”,而不是单击之前的“开始”。确定后,将其更改为与progressInitialize()
答案结合使用。仍然没有骰子:现在按钮显示“加载…”,进度条冻结了一小段时间。执行此操作时,闪烁“adf”很快,然后立即返回“加载…”。它不会与该设置的文本保持一致。我以前曾尝试使用document.getElementById(“#controlButton”).innerHTML=“Start”执行此操作,但它执行的操作是相同的:只是快速闪烁“Start”,然后返回到“Loading…”,这是因为进度条计时器仍在运行,它会根据当前状态更新进度条。@ruhnet我刚刚尝试过。使用.text()方法,然后删除类“正在进行”。在该演示站点上工作这会非常简短地显示进度条,可能是1/2秒,然后转到“加载…”仅当您想显示它已完全加载时才会启动它。我以为这就是你想要实现的。如果这不起作用,我想你需要修改进度条形码,添加一个新的方法来满足你的需要。不,@estherz实际上我想做的是完全重置按钮,就像它没有被点击一样,在点击后我的JS代码发现表单数据无效。会弹出一个警报,提示“更正某某”,按钮应该重置为“开始”,就像它还没有被单击一样。啊,好吧,我明白了(我想)试试这个(“控制按钮”).progressFinish().removeClass('finished'))