詳解Bootstrap中的按鈕組件

本篇文章帶大家詳細了解一下Bootstrap中的按鈕組件。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

按鈕插件提供了一組可以控制按鈕多種狀態的功能，比如按鈕的禁用狀態、正在加載狀態、正常狀態等。本文將詳細介紹Bootstrap按鈕插件

加載狀態

　　通過按鈕可以設計狀態提示，當單擊按鈕時，會顯示loading狀態信息。例如，點擊“加載”按鈕，會觸發按鈕的加載的狀態

　　通過添加 data-loading-text="Loading..." 可以為按鈕設置正在加載的狀態，但從 v3.3.5 版本開始，此特性不再建議使用，并且已經在 v4 版本中刪除了

　　[注意]如果不設置data-loading-text，則按鈕文本在Loading狀態時，默認顯示的是'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('reset')         },1000);       }); });     </script>

【