当我单击datatables中的下一页时,我的jquery选择器不再工作了

Nik*_*ola 3 jquery jquery-selectors

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

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

    alert("clicked!");

}
Run Code Online (Sandbox Code Playgroud)

一切正常,直到我点击"下一页"显示我接下来的10个结果 - 然后这个点击功能不再显示"点击"消息框,无论我点击哪一行.

我猜这个问题在于如何显示这些新结果(表中的行),所以请给我一些关于如何解决这个问题的想法.

gha*_*yes 7

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

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