Datatables重置搜索按钮-导致IE7中的jQuery错误
我使用datatables和rowgrouping为项目添加了一个重置搜索按钮。它在除IE7之外的所有浏览器中都可以正常工作。在IE7中,重置搜索按钮和展开所有/合同所有按钮消失 调试器(IE控制台)显示此错误: 脚本87:无效参数 jquery.min.js,第2行字符31006 似乎调用函数ResetSearchField();这是令人不快的根源 有人能帮我解决这个问题吗?我非常感谢你的帮助! 我已经设置了一个JSFIDLE来说明这个问题: 以下是我正在使用的代码:Datatables重置搜索按钮-导致IE7中的jQuery错误,jquery,internet-explorer-7,datatables,Jquery,Internet Explorer 7,Datatables,我使用datatables和rowgrouping为项目添加了一个重置搜索按钮。它在除IE7之外的所有浏览器中都可以正常工作。在IE7中,重置搜索按钮和展开所有/合同所有按钮消失 调试器(IE控制台)显示此错误: 脚本87:无效参数 jquery.min.js,第2行字符31006 似乎调用函数ResetSearchField();这是令人不快的根源 有人能帮我解决这个问题吗?我非常感谢你的帮助! 我已经设置了一个JSFIDLE来说明这个问题: 以下是我正在使用的代码: $(document)
$(document).ready(function() {
var oTable = $('#example').dataTable({
"oLanguage": {
"sSearch": " Table search:"
},
"bPaginate": false,
"iDisplayLength": 100,
"bLengthChange": false,
"bJQueryUI": true,
"sDom": 'Tlfrtip'
}).rowGrouping({
bExpandableGrouping: true,
bExpandSingleGroup: false,
iExpandGroupOffset: -1,
asExpandedGroups: [""]
});
ResetSearchField();
$('.expandedOrCollapsedGroup').live('click', function() {
if ($(this).hasClass('collapsed')) {
$(this).addClass('expanded').removeClass('collapsed').val('Collapse All').parents('.dataTables_wrapper').find('.collapsed-group').trigger('click');
}
else {
$(this).addClass('collapsed').removeClass('expanded').val('Expand All').parents('.dataTables_wrapper').find('.expanded-group').trigger('click');
}
});
oTable.live('filter', function() {
clearTimeout(oTable.data('timeout'));
var timeoutId = setTimeout(function() {
if ($('label:contains(Table search: ) input').val() != '') {
$('.group-item-expander.collapsed-group').trigger('click');
}
else {
$('.group-item-expander.expanded-group').trigger('click');
}
}, 1000);
oTable.data('timeout', timeoutId);
});
$("#resetsearch").live('click', function(e) {
oTable.fnFilter('');
GridRowCount();
});
GridRowCount();
new FixedHeader(oTable);
});
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($('<div />', {
'class': 'rowCount-grid'
}).prepend($('<b />', {
'text': "(" + rowCount + ")"
})));
});
$('.dataTables_wrapper').find('.dataTables_filter').prepend($('<input />', {
'type': 'button',
'class': 'expandedOrCollapsedGroup collapsed',
'value': 'Expand All'
}));
};
function ResetSearchField() {
$('.dataTables_wrapper').find('.dataTables_filter').append($('<input />', {
'type': 'submit',
'class': 'ui-icon ui-icon-closethick float-right',
'id': 'resetsearch',
'border': 'none'
}));
};
$(文档).ready(函数(){
var oTable=$('\35;示例').dataTable({
“语言”:{
“sSearch”:“表搜索:”
},
“bPaginate”:错误,
“iDisplayLength”:100,
“bLengthChange”:false,
“bJQueryUI”:没错,
“sDom”:“Tlfrtip”
}).行分组({
bExpandableGrouping:true,
bExpandSingleGroup:false,
iExpandGroupOffset:-1,
ASExpandedGroup:[“”]
});
ResetSearchField();
$('.expandedOrCollapsedGroup').live('click',function()){
if($(this).hasClass('collapsed')){
$(this).addClass('expanded').removeClass('collapsed').val('Collapse All').parents('dataTables_wrapper').find('collapsed group').trigger('click');
}
否则{
$(this).addClass('collapsed').removeClass('expanded').val('expandall').parents('dataTables_wrapper').find('expanded group').trigger('click');
}
});
oTable.live('filter',function()){
clearTimeout(oTable.data('timeout'));
var timeoutId=setTimeout(函数(){
if($('label:contains(表搜索:)input').val()!=“”){
$('.group item expander.collapsed group')。触发器('click');
}
否则{
$('.group item expander.expanded group')。触发器('click');
}
}, 1000);
可旋转数据('timeout',timeoutId);
});
$(“#重置搜索”).live('单击',函数(e){
可旋转过滤器(“”);
GridRowCount();
});
GridRowCount();
新固定收割台(可旋转);
});
函数GridRowCount(){
$('span.rowCount grid').remove();
$('input.expandedOrCollapsedGroup').remove();
$('.dataTables_wrapper')。查找('[id |=组id]')。每个(函数(){
var rowCount=$(this).nextUntil('[id |=组id]').length;
$(this).find('td').append($(''){
“类”:“行计数网格”
}).prepend($(''){
'文本':“(“+rowCount+”)”
})));
});
$('.dataTables_包装器')。查找('.dataTables_过滤器')。前置($(''{
“类型”:“按钮”,
“类”:“expandedOrCollapsedGroup已折叠”,
“值”:“全部展开”
}));
};
函数ResetSearchField(){
$('.dataTables\u wrapper')。查找('.dataTables\u过滤器')。追加($(''{
“类型”:“提交”,
“类”:“ui图标ui图标右浮动”,
'id':'resetsearch',
“边框”:“无”
}));
};
我找到了解决方案!脚本调用后,我禁用了函数ResetSearchField,如下所示:
<!--[if IE 7]>
<script type="text/javascript">
function ResetSearchField() { }
</script>
<![endif]-->