按钮中的问题单击Dom Ready上的绑定

Question

我准备在Dom上准备Html表并试图点击特定行中的按钮。以下是我的代码。

$.ajax({
    url:            Url + token,
    method:         "POST",
    async:          true,
    data:           JSON.stringify(data),
    contentType:    "application/json; charset=utf-8",
    success: function (Result) {
        var editButton = '<input type="button" class="EditRole" value="Edit">';
        $.each(Roles, function( key, Role ) {
            var Action = PrepareTd(editButton);
            var tr = '<tr attr-id="' + Role.RoleID + '">' + Action + "</tr>";
            tbody.append(tr);           
        });
    },
    error: function (jqXHR) {
        ErrorCallback(jqXHR);
    }
});

$(document).ready(function() {
    $('.EditRole').on("click", function() {
        debugger;
        console.log($(this).parent());
    });
});

这从未打过调试器。我错过了什么吗？

Answer 1

这是一个事件委托问题使用此

$(document).ready(function() {
    $(document).on("click", '.EditRole', function() {
        console.log($(this).parent());
    });
});