Jquery 数据表入门

我试图在网站表单上实现数据表。我在这方面遇到了一些困难，所以我退了一步，尝试在一个非常基本的表上实现DataTables。我用的那张桌子是直接从桌子上掉下来的。然后我调用了我认为需要的文件，但我仍然无法让Datatables在这个表的基础上工作。我错过了什么？以下是“实践”代码：

$（文档）.ready（函数（）{
$（“#表”）.dataTable（）；
} );
@导入“/media/css/jquery.dataTables.css”；
无标题文件
第1栏
第2栏
等
第1行数据1
第1行数据2
等
第2行数据1
第2行数据2
等

---

谢谢

js和css文件是否实际加载？您可以使用firefox上的firebug或webkit浏览器中的开发工具进行调试。（只需在表格中单击鼠标右键并选择“检查元素”）

还有数据表。和j一样

您可以尝试使用外部链接，看看它是否有效。像这样：

<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"/>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>

---

还请注意，使用外部库是一种很好的做法。

检查是否先加载jQuery。然后检查dataTables资产是否正常工作。您可以使用警报功能检查这一点 与其在内部样式表中使用@import，不如使用

<link rel="stylesheet" type="text/css" href="filepath/style.css">

---

在my中，您可以看到使用Datatables的步骤和其他选项。

您必须在脚本中添加一个属性：“延迟”

<script src = "http://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" defer ></script>

您的.js文件是否正在加载？您是否在控制台中看到任何错误？请检查js文件的路径，如果您的htm存在于下载示例的同一根文件夹中…jquery和datatables脚本src应为“media/js/jquery.js”，即开始时不带“/”。

<script src = "http://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" defer ></script>