DataTables入门
我正在尝试让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
Stack Overflow用户
发布于 2012-12-06 06:21:31
js和css文件真的在加载吗？您可以在firefox上使用firebug或在webkit浏览器的开发工具中对其进行调试。(只需在表格中右键单击并选择"Inspect Element")
还有，DataTables is available on the Microsoft Ajax CDN。与jQuery相同
您可以尝试使用外部链接，看看它是否有效。如下所示：
<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>还要注意的是，使用外部库是一种很好的做法。
Stack Overflow用户
发布于 2018-03-11 17:59:09
先检查是否加载了jQuery。然后检查dataTables资源是否正常工作。您可以使用警告函数来检查这一点，而不是在内部样式表中使用@import，最好使用
<link rel="stylesheet" type="text/css" href="filepath/style.css">在my blog中，您可以看到使用数据表的步骤和其他选项。
Stack Overflow用户
发布于 2021-05-27 04:30:57
你必须在脚本中添加一个属性：“defer”。
<script src = "http://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" defer ></script>https://stackoverflow.com/questions/13733133
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号