jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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();
});

大佬总结

以上是大佬教程为你收集整理的jquery – -moz-transform取消激活datatable标头中的排序选择字段全部内容,希望文章能够帮你解决jquery – -moz-transform取消激活datatable标头中的排序选择字段所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: