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>

本文出自博客園-三卷天書,希望采集或者轉載的朋友標明來源,謝謝


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM