web开发中,有一些按钮点击后需要一段时间进行后台处理,于是需要把按钮状态变成loading状态。
Bootstrap提供了这种效果,实现如下:
HTML:
<button type='submit' class='btn btn-danger btn-block btn-lg' data-loading-text='Processing...' autocomplete='off'>Confirm</button>
JavaScript:
<pre name="code" class="javascript">$('button[type=submit]').on('click', function(event) {
var $btn = $(event.target);
//start loading
$btn.button('loading');
//stop loading
$btn.button('reset');
});