前面的話
按鈕插件提供了一組可以控制按鈕多種狀態(tài)的功能,比如按鈕的禁用狀態(tài)、正在加載狀態(tài)、正常狀態(tài)等。本文將詳細介紹Bootstrap按鈕插件
加載狀態(tài)
通過按鈕可以設計狀態(tài)提示,當單擊按鈕時,會顯示loading狀態(tài)信息。例如,點擊“加載”按鈕,會觸發(fā)按鈕的加載的狀態(tài)
通過添加 data-loading-text="Loading..."
可以為按鈕設置正在加載的狀態(tài),但從 v3.3.5 版本開始,此特性不再建議使用,并且已經(jīng)在 v4 版本中刪除了
[注意]如果不設置data-loading-text
,則按鈕文本在Loading狀態(tài)時,默認顯示的是'loading...'
<button class="btn btn-primary" data-loading-text="正在加載中,請稍等..." type="button" id="loaddingBtn">加載</button><script>$(function(){ $("#loaddingBtn").click(function () { var $btn = $(this).button("loading"); setTimeout(function(){ $btn.button('re