bootstrap之状态按钮

作者原创，未经允许，拒绝转载。

先看一下效果

 

html代码

<button type="button" id="myButton" data-loading-text="请稍后。。。" class="btn btn-primary" autocomplete="off">按钮</button>

 

jquery代码

$('#myButton').on('click', function () {
  var $btn = $(this).button('loading');
    // 业务逻辑代码
    $btn.button('reset');
})

 

data-loading-text="请稍后。。。"：这里是写处理业务的时候显示的字

//业务逻辑代码 写你在点击按钮后要做的业务逻辑。

如果无效，请看我另一篇文章:《bootstrap data-loading-text 无效？No!》

博客已搬家 技术寇的分享