Question

我使用数据表和行分组为项目添加了重置搜索按钮。它在除IE7之外的所有浏览器中都能正常工作在IE7中，重置搜索按钮和全部展开/全部合同按钮消失。

调试器（IE控制台）显示此错误：

SCRIPT87：参数无效


jquery.min.js，第2行，第31006页

似乎调用函数ResetSearchField（）;是违法的来源。

有人可以帮我解决这个问题吗？我将衷心感谢您的帮助！我已经设置了一个jsfiddle来说明问题： http://jsfiddle.net/lbriquet/SG8Dm/4/

以下是我正在使用的代码：

$(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'
}));
};

Answer 1

我找到了解决方案！在脚本调用之后，我禁用了函数ResetSearchField，如下所示：

<!--[if IE 7]>
<script type="text/javascript">
  function ResetSearchField() { }
</script>
<![endif]-->

数据表重置搜索按钮 - 导致IE7中出现jQuery错误

1 个答案: