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

Question

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

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