A-A+

Bootstrap中点击按钮后变灰并显示加载中的方法

2015年12月25日 JavaScript 暂无评论阅读 660 次

1.在按钮中加入data-loading-text，即点击按钮后显示的文字

<button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button>

1	<button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button>

2.当点击按钮后禁用按钮，并显示文字。如需绑定其他事件请自行更改。第二三行为重要内容。

$(".btn-check").click(function () {
$(this).button('loading');//禁用按钮并显示提交中
$(this).button('reset');//重置按钮
});

$(".btn-check").click(function () {

$(this).button('loading');//禁用按钮并显示提交中

$(this).button('reset');//重置按钮

});

恋香缘