jquery - Bootstrap 3 中的加载状态按钮

Question

我是 Bootstrap 3 的新手。不知道如何激活加载状态按钮功能。我下面的代码来自 getboostrap.com 上的文档.

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

下拉菜单工作正常所以我想问题出在其他地方？

Answer 1

您需要从 js 端检测点击，您的 HTML 保持不变。 注意:此方法自 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

Official Documentation