在分頁時訪問jquery數據表的隱藏列

Question

我的數據表加載近5頁的數據。我能夠訪問第一頁中的隱藏列。但是當我點擊下一頁中的行時，點擊事件不會被捕獲。這是我的代碼：

$(document).ready(function() { 
    $("#dataobjects").dataTable({ 
     "sPaginationType": "full_numbers", 
     "bJQueryUI": true, 
     "aoColumns": [ 
        /* Client */ null, 
        /* Check */ null, 
        /* Desc */ null, 
        /* System Use(in %) */ null, 
        /* Valid */ null, 
        /* Result */ null, 
        /* TimeStamp */ null, 
        /* Facts */ { "bSearchable": false, 
            "bVisible": false }, 

       ] 
    }); 

    oTable = $('#dataobjects').dataTable(); 


    $("#dataobjects tbody tr").click(function(e) { 

     if ($(this).hasClass('row_selected')) { 
      $(this).removeClass('row_selected'); 
     } else { 
      oTable.$('tr.row_selected').removeClass('row_selected'); 
      $(this).addClass('row_selected'); 

      // Get the data from the selected row 
      var fid= oTable.fnGetData(this, 7); 
      alert("Output: " + fid); 
     } 
    }); 

Answer 1

tr元素不存在，直到你到達下一頁;嘗試使用表格元素上的事件委託：

$("#dataobjects").on('click', 'tbody tr', function(e) { 

    if ($(this).hasClass('row_selected')) { 
     $(this).removeClass('row_selected'); 
    } else { 
     oTable.$('tr.row_selected').removeClass('row_selected'); 
     $(this).addClass('row_selected'); 

     // Get the data from the selected row 
     var fid= oTable.fnGetData(this, 7); 
     alert("Output: " + fid); 
    } 
});