点击功能不起作用，如果我评论$（＆＃39;＃tablenew＆＃39;）。dataTable（{}）;它的工作，但我也想要数据表

Question

点击功能不起作用，如果我发表评论$('#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(){ ... });