数据表未捕获类型错误

我有Datatables和GridRowCount（）一起获得html表中指定组的行数，jfiddle站点为here。当我运行代码时，chrome浏览器抛出一个未捕获的类型错误（...）。live不是一个函数。数据表未捕获类型错误

显示控制台的错误。

rowtoggle.js:30 Uncaught TypeError: $(...).live is not a function 
 
rowtoggle.js:30 Uncaught TypeError: $(...).live is not a functionGridRowCount @ rowtoggle.js:30(anonymous function) @ rowtoggle.js:16i @ jquery-1.12.2.min.js:2j.fireWith @ jquery-1.12.2.min.js:2n.extend.ready @ jquery-1.12.2.min.js:2K @ jquery-1.12.2.min.js:2 
 
Navigated to http://localhost/datacentre/admin/request_pending.php 
 
rowtoggle.js:30 Uncaught TypeError: $(...).live is not a functionGridRowCount @ rowtoggle.js:30(anonymous function) @ rowtoggle.js:16i @ jquery-1.12.2.min.js:2j.fireWith @ jquery-1.12.2.min.js:2n.extend.ready @ jquery-1.12.2.min.js:2K @ jquery-1.12.2.min.js:2 
 
Navigated to http://localhost/datacentre/admin/request_pending.php

下面是数据表和撑着所述GroupRowCount（）的代码。

$(document).ready(function() { 
 
\t \t \t $('#example').dataTable({ 
 
\t \t \t \t 
 
\t \t  \t "bLengthChange": false, 
 
       "bPaginate": false, 
 
       "bJQueryUI": true \t \t \t \t 
 
\t \t \t }).rowGrouping({ 
 
     iGroupingColumnIndex: 1, 
 
     \t sGroupingColumnSortDirection: "asc", 
 
     \t iGroupingOrderByColumnIndex: 0 , 
 
\t \t bExpandableGrouping: true, 
 
     bExpandSingleGroup: false, 
 
     iExpandGroupOffset: -1, 
 
     asExpandedGroups: [""] 
 
    }); 
 
\t GridRowCount(); 
 
}); 
 

 
function GridRowCount() { 
 
      $('span.rowCount-grid').remove(); 
 
      $('input.expandedOrCollapsedGroup').remove(); 
 

 
      $('.dataTables_wrapper').find('[id|=group-id]').each(function() { 
 
       var rowCount = $(this).nextUntil('[id|=group-id]').length; 
 
       $(this).find('td').append($('<span />', { 'class': 'rowCount-grid' }).append($('<b />', { 'text': rowCount }))); 
 
      }); 
 

 
      $('.dataTables_wrapper').find('.dataTables_filter').append($('<input />', { 'type': 'button', 'class': 'expandedOrCollapsedGroup collapsed', 'value': 'Expanded All Group' })); 
 

 
      **$('.expandedOrCollapsedGroup').live('click', function() { 
 
       if ($(this).hasClass('collapsed')) {** 
 
        $(this).addClass('expanded').removeClass('collapsed').val('Collapse All Group').parents('.dataTables_wrapper').find('.collapsed-group').trigger('click'); 
 
       } 
 
       else { 
 
        $(this).addClass('collapsed').removeClass('expanded').val('Expanded All Group').parents('.dataTables_wrapper').find('.expanded-group').trigger('click'); 
 
       } 
 
      }); 
 
     };

来源

2016-04-22 faisal abdulai

.live()已过时，jQuery的1.7和1.9版本中删除。您应该使用.on()

$('.expandedOrCollapsedGroup').on('click', function() { 
//Your code 
})

来源

2016-04-22 22:30:47

谢谢刚刚完成的更正 –

数据表未捕获类型错误

回答

相关问题