javascript - 无法让 datatables.net 使用 JavaScript

标签 javascript html datatables

我一直在尝试使用 http://datatables.net/ 中的数据表

尝试让它与 JavaScript 一起工作。但这对我不起作用。 即使使用旁边提供的示例,它仍然可以工作,只是一个空白页。有人知道如何让它发挥作用吗?

    <script type="text/javascript" src="code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>

    <script>
        var dataSet = [
    ['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'],
    ['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C'],
    ['Trident', 'Internet Explorer 5.5', 'Win 95+', '5.5', 'A'],
    ['Trident', 'Internet Explorer 6', 'Win 98+', '6', 'A'],
    ['Trident', 'Internet Explorer 7', 'Win XP SP2+', '7', 'A'],
    ['Trident', 'AOL browser (AOL desktop)', 'Win XP', '6', 'A'],
    ['Gecko', 'Firefox 1.0', 'Win 98+ / OSX.2+', '1.7', 'A'],
    ['Gecko', 'Firefox 1.5', 'Win 98+ / OSX.2+', '1.8', 'A'],
    ['Gecko', 'Firefox 2.0', 'Win 98+ / OSX.2+', '1.8', 'A'],
    ['Gecko', 'Firefox 3.0', 'Win 2k+ / OSX.3+', '1.9', 'A'],
    ['Gecko', 'Camino 1.0', 'OSX.2+', '1.8', 'A'],
    ['Gecko', 'Camino 1.5', 'OSX.3+', '1.8', 'A'],
    ['Gecko', 'Netscape 7.2', 'Win 95+ / Mac OS 8.6-9.2', '1.7', 'A'],
    ['Gecko', 'Netscape Browser 8', 'Win 98SE+', '1.7', 'A'],
    ['Gecko', 'Netscape Navigator 9', 'Win 98+ / OSX.2+', '1.8', 'A'],
    ['Gecko', 'Mozilla 1.0', 'Win 95+ / OSX.1+', 1, 'A'],
    ['Gecko', 'Mozilla 1.1', 'Win 95+ / OSX.1+', 1.1, 'A'],
    ['Gecko', 'Mozilla 1.2', 'Win 95+ / OSX.1+', 1.2, 'A'],
    ['Gecko', 'Mozilla 1.3', 'Win 95+ / OSX.1+', 1.3, 'A'],
    ['Gecko', 'Mozilla 1.4', 'Win 95+ / OSX.1+', 1.4, 'A'],
    ['Gecko', 'Mozilla 1.5', 'Win 95+ / OSX.1+', 1.5, 'A'],
    ['Gecko', 'Mozilla 1.6', 'Win 95+ / OSX.1+', 1.6, 'A'],
    ['Gecko', 'Mozilla 1.7', 'Win 98+ / OSX.1+', 1.7, 'A'],
    ['Gecko', 'Mozilla 1.8', 'Win 98+ / OSX.1+', 1.8, 'A'],
    ['Gecko', 'Seamonkey 1.1', 'Win 98+ / OSX.2+', '1.8', 'A'],
    ['Gecko', 'Epiphany 2.20', 'Gnome', '1.8', 'A'],
    ['Webkit', 'Safari 1.2', 'OSX.3', '125.5', 'A'],
    ['Webkit', 'Safari 1.3', 'OSX.3', '312.8', 'A'],
    ['Webkit', 'Safari 2.0', 'OSX.4+', '419.3', 'A'],
    ['Webkit', 'Safari 3.0', 'OSX.4+', '522.1', 'A'],
    ['Webkit', 'OmniWeb 5.5', 'OSX.4+', '420', 'A'],
    ['Webkit', 'iPod Touch / iPhone', 'iPod', '420.1', 'A'],
    ['Webkit', 'S60', 'S60', '413', 'A'],
    ['Presto', 'Opera 7.0', 'Win 95+ / OSX.1+', '-', 'A'],
    ['Presto', 'Opera 7.5', 'Win 95+ / OSX.2+', '-', 'A'],
    ['Presto', 'Opera 8.0', 'Win 95+ / OSX.2+', '-', 'A'],
    ['Presto', 'Opera 8.5', 'Win 95+ / OSX.2+', '-', 'A'],
    ['Presto', 'Opera 9.0', 'Win 95+ / OSX.3+', '-', 'A'],
    ['Presto', 'Opera 9.2', 'Win 88+ / OSX.3+', '-', 'A'],
    ['Presto', 'Opera 9.5', 'Win 88+ / OSX.3+', '-', 'A'],
    ['Presto', 'Opera for Wii', 'Wii', '-', 'A'],
    ['Presto', 'Nokia N800', 'N800', '-', 'A'],
    ['Presto', 'Nintendo DS browser', 'Nintendo DS', '8.5', 'C/A<sup>1</sup>'],
    ['KHTML', 'Konqureror 3.1', 'KDE 3.1', '3.1', 'C'],
    ['KHTML', 'Konqureror 3.3', 'KDE 3.3', '3.3', 'A'],
    ['KHTML', 'Konqureror 3.5', 'KDE 3.5', '3.5', 'A'],
    ['Tasman', 'Internet Explorer 4.5', 'Mac OS 8-9', '-', 'X'],
    ['Tasman', 'Internet Explorer 5.1', 'Mac OS 7.6-9', '1', 'C'],
    ['Tasman', 'Internet Explorer 5.2', 'Mac OS 8-X', '1', 'C'],
    ['Misc', 'NetFront 3.1', 'Embedded devices', '-', 'C'],
    ['Misc', 'NetFront 3.4', 'Embedded devices', '-', 'A'],
    ['Misc', 'Dillo 0.8', 'Embedded devices', '-', 'X'],
    ['Misc', 'Links', 'Text only', '-', 'X'],
    ['Misc', 'Lynx', 'Text only', '-', 'X'],
    ['Misc', 'IE Mobile', 'Windows Mobile 6', '-', 'C'],
    ['Misc', 'PSP browser', 'PSP', '-', 'C'],
    ['Other browsers', 'All others', '-', '-', 'U']
        ];

        $(document).ready(function () {
            $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

            $('#example').dataTable({
                "data": dataSet,
                "columns": [
                    { "title": "Engine" },
                    { "title": "Browser" },
                    { "title": "Platform" },
                    { "title": "Version", "class": "center" },
                    { "title": "Grade", "class": "center" }
                ]
            });
        });
    </script>
</head>
<body>
    <div id="demo"></div>
</body>
</html>

一如既往,非常感谢您的宝贵时间!

最佳答案

更改您的脚本部分:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>

享受;)

关于javascript - 无法让 datatables.net 使用 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25357724/

相关文章:

javascript - 按条件从字符串的单词中删除后缀

jquery - 自定义输入样式

javascript - 如何在 Google Chart 中添加动态值

javascript - 导致占位符错误换行的空格

javascript - 在哪里从 cordova 应用程序上传文件以免费访问文件?

javascript - jQuery DataTables - 访问所有行数据

javascript - 画一条垂直线让用户明白两个 li 元素组成一个组

javascript - 在javascript中对对象的关联数组进行排序

javascript - 导出到 excel 数据表时换行

javascript - 无法使用 search() API 的自定义正则表达式实现进行 stateSave