数据表未捕获类型错误

Datatables Uncaught Type Error

本文关键字：类型 错误 数据表      更新时间：2023-09-26

我有Datatables和GridRowCount（）一起获取html表中指定组的行计数，jfiddle站点在这里。当我运行代码时，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() {
			$('#example').dataTable({
				
		   	 "bLengthChange": false,
              "bPaginate": false,
              "bJQueryUI": true 				
			}).rowGrouping({
        iGroupingColumnIndex: 1,
       	sGroupingColumnSortDirection: "asc",
       	iGroupingOrderByColumnIndex: 0 ,  
		bExpandableGrouping: true,
        bExpandSingleGroup: false,
        iExpandGroupOffset: -1,
        asExpandedGroups: [""]
    });
	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');
                }
            });
        };

.live()在

jQuery 1.7 中已被弃用，并在 1.9 版中删除。你应该使用 .on（）

$('.expandedOrCollapsedGroup').on('click', function () {
//Your code
})
相关文章：