BootstrapJQuery加载状态自动禁用按钮,如何让其他状态也这样做


Bootstrap JQuery loading state auto disables button, how to get other states to do the same

$this.button('loading')在运行时自动添加disabled类,我想创建$this.button('loading')的第二个版本。所以我可以在一个加载按钮中有两个版本的文本。

如果我使用自定义条目,如continueloading2,它会应用文本,但不会在该时间段内应用disabled

示例

http://www.bootply.com/129005#

我试着只添加一个属性并更改按钮的html,这很有效。但表格实际上永远不会完整,它只是挂在第二个文本上。

文本的第二部分需要保留,直到它调用的php页面完成为止(除了在continue部分可以点击按钮之外,上面的例子现在运行得很好)。

根据bootstrap文档,超时后第二次调用btn.button(...)将重置按钮状态:

$().按钮(字符串)

重置按钮状态-将文本交换为任何数据定义的文本状态。

相反,你只想修改按钮现有状态下的文本,即:

setTimeout(function(){
    btn.prop('value', 'still going..')  
}, 1000);

http://www.bootply.com/129028