onclick在使用ajax绑定数据后,dataTables无法工作

onclick在使用ajax绑定数据后,dataTables无法工作

问题描述:

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

$('#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); 
    }); 

用于从数据表中获取值绑定一个模型,将打开点击编辑按钮。但是在编辑或删除之后,这个函数不会被打到,任何人都可以解释为什么。并帮助我

您将需要使用delegated event handler。至于现在你有一次绑定元素,这些元素在表更新后立即丢失。使用

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

代替。