jquery – 在Bootstrap 3中加载状态按钮

前端之家收集整理的这篇文章主要介绍了jquery – 在Bootstrap 3中加载状态按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚接触Bootstrap 3.无法弄清楚如何激活加载状态按钮功能。我的代码是从 getboostrap.com上的文档。
<button type="button" data-loading-text="Loading..." class="btn btn-primary">
  Loading state
</button>

下拉工作正常,所以我猜这个问题是在别的地方?

解决方法

你需要检测来自js侧的点击,你的HTML保持不变:
$("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

原文链接:https://www.f2er.com/jquery/184734.html

猜你在找的jQuery相关文章