启动按钮加载状态

bootstrap button loading state

本文关键字：状态 加载 按钮 启动      更新时间：2023-09-26

我正试图使它，当有人点击按钮，它从正常按钮切换到切换按钮与文本更改为加载…

所以我加入了这个按钮 
<button type="button" id="fat-btn" data-loading-text="loading..." class="btn btn-primary">
    Loading state
</button>

但是当我点击按钮时什么也没发生

我在正文的底部也有这个

<script>
        $(function() {
          var btn = $('#fat-btn').click(function () {
            btn.button('loading')
            setTimeout(function () {
              btn.button('reset')
            }, 3000)
          })
        })
</script>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

这是我试图包括按钮的网站(它在屏幕的底部)http://www.ticketmachine.x10.mx/

一旦你整理了jQuery问题，你应该更新你的click函数如下:

$(function(){
    var $btn = $('#fat-btn');
    $btn.click(function(){
        var $this = $(this);
        $this.attr('disabled', 'disabled').html("Loading...");
        setTimeout(function () {
            $this.removeAttr('disabled').html('Hello');
        }, 3000)
    });
})

小提琴:http://jsfiddle.net/RJDgG/1/

我已经访问了您提供的链接。我打开firebug，它会记录JS错误，如下所示。

Uncaught ReferenceError: $ is not defined

你写了一些使用jQuery的JavaScript，但它是在包含jQuery库之前添加的。

你应该把script标签移到jQuery链接后面

相关文章：