ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップ ボタンの読み込み状態の変更_html/css_WEB-ITnose

ブートストラップ ボタンの読み込み状態の変更_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:53:031285ブラウズ

ブートストラップにアクティベーションボタンがある場合、そのボタンは使用できなくなります

公式ウェブサイトの方法に従って、ボタンボタンに 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>

この記事は、Blog Garden-Three Volumes of Heavenly Book からのものです。収集または転載を希望する友人は、出典を示す必要があります。ありがとうございます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。