使用ajax绑定数据后dataTables的onclick事件不起作用

Question

我有一个数据表，它将在页面打开时进行模型绑定，但是当我执行任何编辑或删除功能时，数据表将使用 ajax 调用进行绑定。所以我有一个功能

 $('#user-detail-datatable tbody tr td a').on('click', function () {

        //prepoluting values on edit
        $("#CarryUser").val($(this).closest('tr').find('td')[5].outerText);
        d = $(this).closest('tr').find('a')[1].id;
        $("#display").val($(this).closest('tr').find('td')[6].outerText);
        UsingBranchId = $(this).closest('tr').find('td')[2].outerText;
        $("#fileUpload").val($(this).closest('tr').find('td')[0].outerText);
    });

用于从数据表中获取值以绑定将在单击编辑按钮时打开的模型。但是在我编辑或删除后这个功能没有被击中任何人都可以解释为什么。并帮助我

Answer 1

您需要使用delegated event handler。至于现在，您有一次绑定到一旦表格更新就会丢失的元素。使用

$('#user-detail-datatable').on('click', 'tbody tr td a', function () {
}]

改为。