jquery - 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');
});