51

Bootstrap 3 は初めてです。ロード状態ボタン機能を有効にする方法がわかりません。以下の私のコードは、getbostrap.comのドキュメントからのものです。

<button type="button" data-loading-text="Loading..." class="btn btn-primary">
  Loading state
</button>

ドロップダウンは正常に機能するので、問題は別の場所にあると思いますか?

4

1 に答える 1

129

HTMLは同じままで、js側からクリックを検出する必要があります。注: このメソッドは v3.5.5 以降非推奨であり、v4 で削除されました。

$("button").click(function() {
    var $btn = $(this);
    $btn.button('loading');
    // simulating a timeout
    setTimeout(function () {
        $btn.button('reset');
    }, 1000);
});

また、jQuery および Bootstrap js (jQuery ベース) ファイルをページにロードすることを忘れないでください。

JSFIDDLE

公式ドキュメント

于 2013-09-28T17:39:07.747 に答える