Question

我正在尝试创建一个非常简单的页面来预览我在数据库中的记录。

我想使用数据表，所以我可以排序＆amp;搜索。这是我的代码：

<head>
    <script data-rocketsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/rocketscript"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.css"/>
    <script type="text/rocketscript" data-rocketsrc="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.js"></script>
</head>

<body>
    <table id="myTable" class="display" cellspacing="0" width="100%">
    </table>
    <script type="text/rocketscript">
    $(document).ready(function(){
        $('#myTable').DataTable();
    });
    </script>
</body>

但由于某种原因，数据表无法正常工作，因此没有搜索/排序功能。我错过了什么？

Answer 1

使用以下任一代码块加载jQuery DataTables。

例如，使用：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.js" type="text/javascript"></script>

或使用data-cfasync="false"属性：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.css"/>
<script data-cfasync="false" type="text/rocketscript" data-rocketsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script data-cfasync="false" type="text/rocketscript" data-rocketsrc="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.js"></script>

数据表未显示搜索＆amp;分类

1 个答案: