Bootstrap 按钮（Button）插件

当加载时，按钮是禁用的，且文本变为 button 元素的 data-loading-text 属性的值。

$().button('loading')

.button('reset')重置按钮状态，文本内容恢复为最初的内容。当您想要把按钮返回为原始的状态时，该方法非常有用。

$().button('reset')

.button(string)该方法中的字符串是指由用户声明的任何字符串。使用该方法，重置按钮状态，并添加新的内容。

$().button(string)

实例

下面的实例演示了上面方法的用法：

实例

 
点击每个按钮查看方法效果
演示 .button('toggle') 方法
    原始
演示 .button('loading') 方法
    原始
    
演示 .button('reset') 方法
    原始
    
演示 .button(string) 方法
请点击我

$(function () {
$("#myButtons1 .btn").click(function(){
$(this).button('toggle');
});
});
$(function() {
$("#myButtons2 .btn").click(function(){
$(this).button('loading').delay(1000).queue(function() {
});
});
});
$(function() {
$("#myButtons3 .btn").click(function(){
$(this).button('loading').delay(1000).queue(function() {
$(this).button('reset');
});
});
});
$(function() {
$("#myButton4").click(function(){
$(this).button('loading').delay(1000).queue(function() {
$(this).button('complete');
});
});
});

结果如下所示：