在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

官方文件