jquery – -moz-transform取消激活datatable标头中的排序选择字段

我在我的网页上生成了一个jQuery数据表.由于它太大了,我用zoom：0.8;在谷歌浏览器中修复其大小.

虽然这不适用于Firefox,所以我添加了-moz-transform：scale(0.8);到CSS表. Chrome中的一切仍然正常,但如果Firefox现在正确显示数据表,似乎我无法在标题中更改排序值.我可以点击查看项目列表,但我无法点击它们(没有任何反应).除了在我的css文件中添加一行之外,我没有修改任何其他内容.

我怎样才能解决这个问题？

jsbin

jsfiddle

注意：Bugzilla有一个similar known bug填充,虽然它是在2008年报道的,但仍然没有修复.找到绕过这个问题的方法会很有趣.

解决方法

在声明我的数据表的第一个实例时,我从sDom属性中删除了l.

然后,我在< table>之前添加了这个.我的代码中的标记：

<div class="selectLength">
    <span>Show</span>
    <select id="Length">
        <option value='5'>5</option>
        <option value='10'>10</option>
        <option value='25'>25</option>
        <option value='50'>50</option>
    </select>
    <span>elements in the datatable.</span>
</div>

这是与此相关的javascript(需要jQuery)：

$('#Length').change(function() {
    var displayLength = $('#Length option:selected').val();
    var oSettings = $('.adminTable').dataTable().fnSettings();
    oSettings.idisplayLength = displayLength;
    $('.adminTable').dataTable().fnDraw();
});