如何通过使用bootstrap data-loading-text =“ Loading ...”将按钮文本更改为像在bootstrap中一样加载而无需发布到ajax
在下面的示例中,要显示用户单击时以及响应必须重置为正常后的负载
<button type="submit" data-loading-text="Loading..." value="Log in"
class="btn btn-success col-md-offset-1">
<i class="fa fa-sign-in"></i>
<span>Sign in</span>
</button>
core.js:
(function ($, undefined) {
$.ajaxSetup({
beforeSend:function (xhr, settings) {
if (settings.context != undefined && settings.context.hasClass('btn')) {
settings.context.button('loading');
}
},
complete:function () {
this.button('reset');
}
});
})(jQuery);
account.js:
(function ($, undefined) {
$("#accountRegister").click(function () {
$.ajax({
context:$(this), // You need to set context to 'this' element
//some code here
});
return false;
})
})(jQuery);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句