Bootstrap表行单击Overriding Button单击

Question

我已经查找了如何停止点击引导程序表插件上的行以停止触发，但我找到的一种方法似乎不起作用，但它确实适用于其他人，所以我假设某处出现了其他问题。

首先我将我的按钮添加到表格中：

// Show the edit button on users table
settings.editFormatter = function (value) {
    return "<button id='user-edit' class='btn user-edit text-center' data-userId='" + value + "'><i class='fa fa-pencil-square-o' aria-hidden='true'></i> Edit</button>";
}

然后我创建了一个处理按钮点击的功能：

// Open Edit modal
settings.editUser = function () {
    var userEditModal = $("#userEditModal");
    $("#user-edit").on("click", function(event) {
        userEditModal.modal();
        event.stopPropagation(); 
    });
}

最后我在创建表时调用该函数：

settings.editUser();