5

誰かがボタンをクリックすると、通常のボタンから切り替えられたボタンになり、テキストが読み込み中...に変更されるようにしようとしています...

だから私はこのボタンを含めました

<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>

ボタンを含めようとしているWebサイトは次のとおりです(画面の下部にあります) http://www.ticketmachine.x10.mx/

4

2 に答える 2

8

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/

于 2013-03-19T12:18:26.863 に答える
7

あなたが提供したリンクにアクセスしました。以下に示すJSエラーをログに記録するfirebugを開きました。

Uncaught ReferenceError：$が定義されていません

jQueryを使用するJavaScriptを作成しましたが、jQueryライブラリを含める前に追加されました。

スクリプトタグはjQueryリンクの後に移動する必要があります。

于 2013-03-19T12:11:10.653 に答える