我遵循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>​

09-30 16:31
查看更多