我遵循these steps
有这些进口
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="/DataTables-1.10.9/media/css/jquery.dataTables.css">
<!-- jQuery -->
<script type="text/javascript" src="/DataTables-1.10.9/media/js/jquery.js"></script>
<!-- DataTables -->
<script type="text/javascript" src="/DataTables-1.10.9/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
alert("test1");
$('#aval').DataTable( {
alert("test2");
"dom": '<"top"i>rt<"bottom"flp><"clear">'
} );
} );
</script>
它显示了测试1,但没有显示test2,我已经尝试了所有我知道的事情,并多次更改了代码,但没有任何效果
最佳答案
我认为您没有正确设置选项;根据此处的选项页面:
DataTable Options
以下显示了
DataTable({myOptions: values,});
在下面您可以看到示例:
$('#example'String).DataTable( {
paging: false,
scrollY: 400
} );
我认为您应该像页面上的示例中那样,不使用任何选项或使用有限的选项来尝试一下,看看是否可行,然后就可以修复格式。
编辑
请在下面的代码段中使用它们-如果可行,请在每次添加功能后对其进行测试,然后添加其他代码。当它中断时,您将知道到底是什么引起了该问题。
旁注-您确定Web服务器上是否存在加载库的路径?
此路径必须存在-如果我的asp.net内存对我有用,那么它来自Web根目录。
href =“ / DataTables-1.10.9 /
//数据表对象
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$('#aval').DataTable() {
} );
} );
</script>
// JQUERY对象
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$('#aval').dataTable() {
} );
} );
</script>