jquery - 使用 .on 函数时，是什么阻止了点击事件？

Question

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

//查询：

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 时，什么都没有发生。其他两个功能（点击）正在工作。还有很多其他的javascript；有没有办法告诉我点击它时是否发生了什么？

Answer 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;
//}​

Answer 2

.on 是在 jQuery 版本 1.7 中添加的，因此如果您使用的是旧版本，它将无法工作。