Bootstrap 3中的加载状态按钮答案

【问题标题】：Loading state button in Bootstrap 3Bootstrap 3中的加载状态按钮
【发布时间】：2013-10-04 20:56:19
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery html twitter-bootstrap

【解决方案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

【讨论】：

@Sergio 谢谢！ :-)
正是我所需要的...... tyvm！
你能解释一下我如何通过 ng-click 而不是 jquery 的点击来实现这一点，我想做这个加载的事情，但我使用的是角度和有点新的
"此功能自 v3.3.5 起已弃用，并已在 v4 中删除。" (getbootstrap.com/javascript/#buttons)
@RoelVermeulen 谢谢！你知道替代方案吗？只要没有更好的解决方案，使用text(...) 并禁用该按钮可能也可以。