首頁 >web前端 >js教程 >bootstrap改變按鈕載入狀態_javascript技巧

bootstrap改變按鈕載入狀態_javascript技巧

WBOY
WBOY原創
2016-05-16 16:29:461481瀏覽

bootstrap裡面有個啟動按鈕的時候,按鈕變成不可用的;

依照官網裡面的方法介紹是在button按鈕加個 data-loading-text="Loading..." 屬性,然後js總體程式碼是這樣:

複製程式碼 程式碼如下:

<script><br />   $('#myButton').on('click', function () {<br />     var $btn = $(this).button('loading')<br />     // business logic...<br />     $btn.button('reset')<br />   })<br /> </script>

其中autocomplete="off"屬性是針對FF瀏覽器在頁面載入之後,停用狀態不會自動解除用的。
直接用上面程式碼的時候,發現loading狀態是沒有的。
然後我自己改了一下,寫成這樣,就OK了

複製程式碼 程式碼如下:

<script><br /> //用於微笑話登陸按鈕以及審查按鈕改變按鈕載入狀態<br />     function loag() {<br />       var btn = $("#btn_login");<br />       btn.button('loading');<br />       setTimeout(function () { btn.button('reset'); },2000);<br />     }<br /> </script>

稍作就改就可以實現我們的要求了,不知道官方這塊是不是沒有測試就放上來了,這裡把解決方案推薦給小伙伴。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn