Jquery On（）没有按预期工作

Question

我正在尝试使用此行突出显示功能，它在页面加载时有效，但是当我使用分页时，该功能似乎不会继续。该行不再突出显示。

$("#json-table tbody tr").on("click", function(event){
    $(this).toggleClass('row_selected');
});

Answer 1

尝试：

$("#json-table").on("click", "tbody tr", function(){
    $(this).toggleClass('row_selected');
});

因为您重新加载表，所以必须将on()处理程序绑定到不会被替换的内容，因此如果您只更改子项，则使用#json-table，否则使用其父项。

Answer 2

您没有使用on()的正确语法，请使用如下：

$(document).on('click','#json-table tbody tr', function(event){
    $(this).toggleClass('row_selected');
});