单击事件未通过 jquery 定义

Question

我得到了以下数据表，其中数据和网络 bootstrap link 通过相应的列显示如下：

$(document).ready(function() {

 $('#example').DataTable({
            destroy: true,
            "ajax":{
                "url":"http://localhost:3000/tasks/list",
                "dataSrc": ""
            },
            "columns":[
               {"data":"title", "title":"Τίτλος"},
               {"data":"description", "title":"Περιγραφή"},
               { "data": "ID",
                 "title": "Επισκόπηση",
                 "render": function(data, type, row, meta){
                    if(type === 'display'){
                         data = '<a class="btn btn-success btn-sm viewlink" role="button" data-toggle="modal" data-target="#viewModal" href="/tasks/todo/' + data + '">' + '<i class="fas fa-eye"></i>' + '</a>';
                    }
                    return data;
                 }
              } ],
             length: 20,
        });



$('.viewlink').on("click", function(e){

        console.log("Hello!!!");

        });

});

不幸的是，当我按下 bootstrap link 按钮时，我没有通过 console.log 获得任何响应。

任何对我来说方便的想法！

此致

Answer 1

您必须使用委托事件处理程序，即

$('#example').on('click', '.viewlink', function(e) {
  //
})

原因：在声明您的处理程序时，DOM 中不存在 .viewLink。

单击事件未通过 jquery 定义

Click event not defined via jquery

datatables-1.10