jquery - 当我单击数据表中的下一页时，我的 jquery 选择器不再工作

Question

我正在使用datatables jquery 插件在页面上显示我的数据。当有人单击一行时，我有这个选择器:

$('#myTable tr[class !="tableHeader"]').click(function(){

    alert("clicked!");

}

一切都很好，直到我单击“下一页”，它显示了接下来的 10 个结果 - 然后无论我单击哪一行，此单击功能都不再显示“已单击”消息框。

我猜测问题在于如何显示这些新结果(表中的行)，因此请给我一些关于如何解决此问题的想法。

Answer 1

使用 jQuery 的 Live function . Live 将应用于页面上的所有元素，甚至是尚不存在的元素(我认为这是您的问题)。因此，您的新行在创建并添加到 DOM 时将是可点击的。

$('#myTable tr[class !="tableHeader"]').live('click', function() {
  alert("clicked!");
});