单击未通过jquery定义的事件

Question

我得到了以下DataTable，其中数据和web引导程序链接通过适当的列显示，如下所示：

$(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!!!");
});
});

不幸的是，当我按下引导链接按钮时，我没有通过console.log得到任何响应。

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

问候

Answer 1

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

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

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