web 按钮Loading...的实现 with Bootstrap

来源:互联网 发布:诛仙3斩龙剑测抗数据 编辑:程序博客网 时间:2024/06/05 11:48

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');});


0 0
原创粉丝点击