我正在尝试在网站表单上实现DataTables。我遇到了一些困难，所以我退一步，尝试在一个非常基本的表上实现DataTables。我使用的表直接来自http://www.datatables.net/usage/。然后我调用了我认为需要的文件，但我仍然无法让Datatables在这个基本的表上工作。我错过了什么？下面是“实践”代码：
<script type="text/javascript" charset="utf-8" src="/media/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="/media/js/jquery.dataTables.js"></script>
<!--<script type="text/javascript" charset="utf-8" src="/media/src/DataTables.js"></script>-->
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#table').dataTable();
} );
</script>
<style type="text/css" title="currentStyle">
@import "/media/css/jquery.dataTables.css";
</style>
<title>Untitled Document</title>
</head>
<table id="table" class="display">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>etc</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
<td>etc</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
<td>etc</td>
</tr>
</tbody>
</table>
<body>
</body>
</html>谢谢！
3条答案
按热度按时间p5cysglq1#
js和css文件是否真的被加载了？你可以用firefox上的firebug或者webkit浏览器的开发工具来调试。（只需右键单击表格并选择“检查元素”）
此外，DataTables在Microsoft AJAX CDN上可用。与j Query相同
您可以尝试使用外部链接，看看它是否有效。就像这样：
另外请注意，使用外部库是一种很好的做法。
vngu2lb82#
首先检查jQuery是否已加载。然后检查dataTables资产是否正常工作。您可以使用alert函数来检查，而不是在内部样式表中使用@import，更喜欢使用
在我的blog中，你可以看到使用数据表的步骤和其他选项。
pkbketx93#
必须添加一个属性：“服从”脚本。