Bootstrap 3中的加载状态按钮

dy1byipe 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(2)|浏览(242)

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

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

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

twitter-bootstrap

来源：https://stackoverflow.com/questions/19069759/loading-state-button-in-bootstrap-3

2条答案

按热度按时间

cgfeq70w1#

您需要从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
正式文件

赞(0）回复(0）举报 2022-12-07

zi8p0yeb2#

If you have v4 or higher, you can do this: 🙅🏽‍♂️
第一个

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 3中的加载状态按钮

2条答案

相关问题

热门标签

最新问答