Javascript按钮事件在第1页之后不起作用

Question

本质上，我有一些这样的数据表：现在，由于某种原因，当我转到第二页时，我的按钮都不起作用。就像我点击它们时什么都没发生！但在第一页上，它们工作得很完美！不知道如何解决此问题！[在此输入图像描述][1]

//creation method of the table
var volunteerTable = $('#volunteerTable').DataTable({
paging: true,
pagingType: 'simple_numbers',
columns: [ title:"First Name", title:"Last Name", title:"Email"

The trash can button code:
$('.buttonVDelete').click(function () {

//fill out the fields
//open the delete volunteer modal
//prepare data to send
}

Answer 1

当您使用click()时，您正在读取加载页面时可用的元素。

为了读取新的渲染元素，您必须在上使用

$(document).on('click','.buttonVDelete', function () {
// Your code
});

Answer 2

是否需要jQuery？也许更好的香草javascript：

document.querySelector('.buttonVDelete').addEventListener('click', 
function(){
})

大多数现代浏览器都可以轻松处理es5/es6

我希望我能帮上忙。