1

// HTML：

 <table id="requests" class="table table-striped multiselecttable">
        <tbody>
            <tr data-uid="209" style="cursor: pointer; ">
                <td class="span5">Username</td>
                <td>
                    <a class="btn btn-success"><i class="icon-ok icon-white"></i> Approve</a>
                    <a class="btn btn-inverse"><i class="icon-remove icon-white"></i> Reject</a>
                </td>
            </tr>
        </tbody>
    </table>

// JQUERY：

if($("#requests").length) {
    //individual request approve button
    $("#requests .btn-inverse").click(function(e){
        //works!
        $(this).removeClass("btn-inverse").addClass("btn-danger").html("<i class='icon-white icon-remove'></i> Are you sure?");
    });
    $("#requests .btn-success").click(function(e){
        //works!
        e.stopPropagation();
    });
    $("#requests").on('click', '.btn-danger', function(e){
        alert('why u no trigger (╯°□°）╯︵ ┻━┻');
        e.stopPropagation();
    });
}

.btn-dangerをクリックしても、何も起こりません。他の2つの関数（クリックあり）は機能しています。他にも多くのJavaScriptがあります。クリックされたときに何かが起こっているかどうかを知る方法はありますか？

4

2 に答える 2

1

動作デモ** http://jsfiddle.net/JTrKZ/

});また、私は確信が持てません//if($("#requests").length) {が、あなたは何が起こっているのか知っていると思います。

それが原因を助けることを願っています:)

コード

//if($("#requests").length) {
    //individual request approve button
    $(".btn-inverse").click(function(e){
        //works!

        $(this).removeClass("btn-inverse").addClass("btn-danger").html("<i class='icon-white icon-remove'></i> Are you sure?");

    });
    $("#requests .btn-success").click(function(e){
        //works!
        e.stopPropagation();
    });
    $("#requests").on('click', '.btn-danger', function(e){
        alert('why u no trigger (╯°□°）╯︵ ┻━┻');
        e.stopPropagation();
    }); // <----- Here this was missing;
//}​
于 2012-07-22T23:38:36.703 に答える
0

.on は jQuery バージョン 1.7 で追加されたため、古いバージョンを使用している場合は動作しません。

于 2012-07-23T00:19:59.297 に答える