使用 AJAX 刷新表后，数据表 TR 单击返回未定义

问题描述

我有一个由服务器端生成的数据表。单击事件可以正常工作。我用过的代码

   $('#firstLevelTable').on( 'click','tr td:first-child',function () {
})

当我们点击刷新时，我清空了 tbody 的 #firstLevelTable 并附加了 <TR><TD>。它正在附加行并按预期工作。但问题是点击事件无法正常工作，当我尝试获取被点击行的 ID 时，它返回 undefined。

  $('#firstLevelTable').on( 'click',function () {
       var id = viewTable.row( this ).id();
       alert(id) //undefined here
    })

刷新表功能：

function refreshTable() {
  $("#firstLevelTable").DataTable().clear().draw();
  $.ajax({
    url: "allocation_tabs.PHP",type: "POST",dataType: 'json',}).done( function(result) {
     viewTable =   $("#firstLevelTable").on("draw.dt",function () {
    $(this).find(".dataTables_empty").parents('tbody').empty();
}).DataTable({"searching": false,"paging":   false,"ordering": false,"info":     false,"destroy":true,});
      $('#firstLevelTable').find('tbody').append(tblData)
      $('#firstLevelTable tbody').off( 'click','tr');
})
}

帮助我实现这一目标

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）