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

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


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值