DataTables 需要哪些文件才能在 html 页面上工作>答案

【问题标题】：Which files are needed for DataTables to work on an html page>DataTables 需要哪些文件才能在 html 页面上工作>
【发布时间】：2015-09-09 12:01:46
【问题描述】：

我正在尝试让 DataTables 在页面上正常工作，使其看起来像 this。我没有得到 DataTables 提供的任何排序、分页或行限制功能，我怀疑是因为我缺少我需要的文件之一，或者以错误的顺序包含它们。

页面顶部的CSS：

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/metisMenu.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/dataTables.responsive.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/jquery.dataTables.css" rel="stylesheet" />
<link href="~/Content/sb-admin-2.css" rel="stylesheet" />
<link href="~/Content/font-awesome.css" rel="stylesheet" />

页面底部的JS：

<script src="~/Scripts/jquery-2.1.4.min.js"></script>
<script src="~/Scripts/DataTables/jquery.dataTables.js"></script>
<script src="~/Scripts/DataTables/dataTables.bootstrap.js"></script>
<script src="~/Scripts/DataTables/dataTables.responsive.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/metisMenu.js"></script>
<script src="~/Scripts/sb-admin-2.js"></script>

谁能告诉我是否遗漏了什么，或者 DataTables javascript 文件是否依赖于我没有包含的其他文件？

（注意，我使用的是 sb-admin-2 模板样式的 Bootstrap，但不是直接使用模板文件，因此没有与模板相同的文件夹结构）

【问题讨论】：

css & js 文件的路径是否正确？
我刚刚发现出了什么问题。路径都是正确的，但我在加载任何脚本之前调用了$('#table').dataTable();，所以显然它没有任何效果。这是我第一次使用布局文件（MVC 4），并没有意识到它是在页面末尾加载脚本之前执行的

标签： javascript css twitter-bootstrap-3 datatables

【解决方案1】：

我似乎一直有这些误报。正如我在 G.L.P 的评论中提到的，这就是问题所在：

路径都是正确的，但我在加载任何脚本之前调用了$('#table').dataTable();，所以显然它没有任何效果。这是我第一次使用布局文件（MVC 4），并没有意识到它是在页面末尾加载脚本之前执行的。

为了解决这个问题，我将包含脚本的内容移到了布局页面的顶部。我知道建议将脚本放在页面底部，但此时我想不出另一种解决方法

【讨论】：