onclick在使用ajax綁定數據後，dataTables無法工作

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() { 
}] 

代替。