bootstrap按鈕載入狀態改變,bootstrap按鈕載入
bootstrap裡面有個啟用按鈕的時候,按鈕變成停用;
按照官網裡面的方法介紹是在button按鈕加個data-loading-text="Loading..."屬性,然後js總體代碼是這樣:
<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off"> Loading state</button><script> $('#myButton').on('click', function () { var $btn = $(this).button('loading') // business logic... $btn.button('reset') })</script>
其中autocomplete="off"屬性是針對FF瀏覽器在頁面載入之後,禁用狀態不會自動解除用的。
我在直接用上面代碼的時候,發現loading狀態是沒有的。
然後我自己改了一下,寫成這樣,就OK了
<script>//用於微笑話登陸按鈕以及審稿按鈕改變按鈕載入狀態 function loag() { var btn = $("#btn_login"); btn.button('loading'); setTimeout(function () { btn.button('reset'); },2000); }</script> <button type="button" class="btn btn-default" data-loading-text="Loading..." autocomplete="off" onclick="loag()" id="btn_login">登陸</button>
本文出自部落格園-三卷天書,希望採集或者轉載的朋友標明來源,謝謝