Bootstrap的js外掛程式之按鈕(button)

Bootstrap的js外掛程式之按鈕(button)

1）屬性：

data-loading-text=載入中...——使按鈕呈現載入狀態；

data-toggle=button——使按鈕能夠切換狀態；

data-toggle=buttons——使按鈕組具有類似選擇框的選擇/取消功能；

autocomplete=off——解決FireFox的相容性問題：即FireFox會在多個頁面載入之間保持按鈕的禁用狀態;

2）方法：

$().button(toggle)——切換按鈕狀態；

$().button(loading)——設定按鈕狀態為loading - 即將按鈕置為禁用狀態並將文字內容切換為loading;

$().button(reset)——重設按鈕狀態 - 並將按鈕上的文本還原為原始值；

$().button(string)——重設按鈕狀態 - 並將按鈕上的文本重設為傳入的值。

更多細節請參考樣本：

 

<script src=js/jquery-2.1.3.min.js></script><script src=js/bootstrap.min.js></script>button.js樣本提交評論發表意見銷量優先 價格優先 距離優先 川菜 湘菜 粵菜 請確認您已滿18歲！<script> //點擊按鈕，文本改為載入中...,3秒後複原 $(.js-loading-btn).on(click,function(){ var btn=$(this).button(loading); setTimeout(function(e){ btn.button(reset) },3000); }); $(.mybtn).on(click,function(e){ $(this).button('complete'); $(this).removeClass('btn-warning'); $(this).addClass('btn-primary'); });</script>