【发布时间】：2016-09-11 20:25:00
【问题描述】：
晚上好，
我正在尝试将“数据表”jQuery 脚本添加到我的网站，但是我根本无法让它工作！
通过阅读说明，我需要下载最新版本的 jQuery 产品，并将其放在与我尝试使用它的页面相同的文件夹中。例如该文件位于 Pages > jquery-3.1.0.min.js
然后我应该将它包含在我正在使用的文件的标题中，请参阅下面代码中的“jQuery Link”cmets
在此之后，我应该根据需要从构建器下载数据表，例如：https://datatables.net/download/ - 我选择了本地文件，因为该站点仅供内部使用，因此无需在线访问资源。所以现在我的文件夹结构看起来像 Pages > DataTables > ...
所以现在我将 JS 和 CSS 添加到标题中，并在下面的代码中查看“jQuery CSS”和“jQuery JS”cmets
然后我根据数据表的要求绘制表格，请参阅下面代码中的“表格开始”“表格结束”cmets
然后我调用 JS 看 "Call script start" "Call script end" cmets。
现在，当我运行此页面时，表格上根本没有格式？！
我确定我错过了一些非常简单的东西！
<!DOCTYPE html>
<head>
<!-- jQuery Link -->
<script src="jquery-3.1.0.min.js"></script>
<!--jQuery CSS -->
<link rel="stylesheet" type="text/css" href="/DataTables/datatables.css">
<!--jQuery JS -->
<script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>
</head>
<body>
<!-- Table start -->
<table id="table_id" class="display">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
</tr>
</tbody>
</table>
<!-- Table end -->
<!-- Call script start -->
<script>
$(document).ready( function () {
$('#table_id').DataTable()
} );
</script>
<!-- Call script end -->
</body>
</html>
【问题讨论】：
-
试试
$('#table_id').DataTable() -
刚刚修改了上面的内容，感谢您指出没有意识到我是这样写的！但无论如何，页面上没有格式的结果仍然相同？！
-
您的代码似乎可以工作：jsfiddle.net/ohy2xtud 是否有任何控制台输出？也许你有问题，包括你的脚本/样式表。您确定 /DataTables/datatables.js 是引用脚本文件的正确方法（与 css 相同）吗？你会在 web 根目录中查看，而不是像 jQuery 那样查看项目目录
-
当我运行下载器时：datatables.net/download 它在底部为您提供 CSS 和 JS 链接，这些正是我正在使用的链接。我在可以正常工作的单独文件夹中引用了 CSS，例如../styles 只是 jQuery。
标签： javascript jquery html datatables-1.10