jQuery Datatable multiselect在第2页中不使用分页

我正在为我的应用程序使用datatables，multiselect在第一页中工作，但它似乎无法在第2页和第3页中使用分页

代码是

    $(document).ready(function() {   
        $('#example tr').click( function() {
            $(this).toggleClass('row_selected');
        } );    
    } );

css是

table.display tr.even.row_selected td {
background-color: #efefef;
}

table.display tr.odd.row_selected td {
background-color: #efefef;
}

我还应该包括哪些内容才能使multiselect适用于其他页面？ 或者代码有什么问题吗

请帮忙

谢谢，两件事

1.确保在第2页和第3页中包含js代码

2.可能是您的

tr

是动态生成的..您需要

委托

 $(document).ready(function() {   
        $('#example').delegate('tr','click', function() { //example -> tableid
            $(this).toggleClass('row_selected');
        } );    
    } );

---

您正在动态修改dom，因此如果使用jQuery 1.7，则需要使用.delegate或.on进行委托+

$(document).ready(function() {   
    $('#example').on('click','tr', function() { 
        $(this).toggleClass('row_selected');
    } );    
});

或者如果使用jQuery 1.6及更低版本

$(document).ready(function() {   
    $('#example').delegate('tr', 'click', function() { 
        $(this).toggleClass('row_selected');
    } );    
});

通过委托，可以将事件处理程序绑定到父元素。。然后，它会侦听事件何时冒泡。。例如，当您单击一个tr。。。在本例中，它会在

文档中弹出
，然后文档将处理该事件

如果你试着用常规的方法把它绑起来

前

或

或

他们希望tr元素在dom准备就绪时可用（如果您将代码放在document.ready函数中），否则不会将任何事件绑定到元素

$('tr').click()function(){});

$('tr').bind('click',function(){});

$('tr').on('click',function(){});