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