单击函数不起作用，如果我评论 $('#tablenew').dataTable( {});它的工作，但我也想要数据表

Question

Click函数不起作用，如果我注释$('#tablenew').dataTable({});，它就起作用，但我希望它能与数据表一起工作

$( document ).ready(function() {
    $('#tablenew').dataTable( {
        'bProcessing': false,
        'bServerSide': false,
        'sort': 'position',
        'sAjaxSource': 'springPaginationDataTables.web',
        'aoColumns': [
            { "mData": "UserId" },
            { "mData": "UserName" },
            { "mData": "UserStatus" },
            { "mData": "UserType" },
            { "mData": "AddedBy" },
            { "mData": "AddedDateTime" },
            { "mData": "UpdatedBy" },
            { "mData": "UpdatedDateTime" },
        ]
    }); 
    $('#tablenew').find('tr').live('click', function(){
        var row = $(this).find('td:first').text();
        alert('You clicked ' + row);
        /*   $("#userId").value(row);  */
        var url = '/paymentGateway/userInfoPage/'+row;
        $(location).attr('href',url);
    });
});

Answer 1

DataTables经常重新绘制表结构（行/单元格）。当重新绘制表时，最初获得与其绑定的click事件的<tr>将被删除。您需要在表上使用事件委派来绑定事件，而不是在表行上。

这应该有效：

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