javascript - 表未按预期初始化

Question

我关注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>

它显示了 test1 但没有显示 test2 我已经尝试了我所知道的所有方法并多次更改了代码但没有任何效果

Answer 1

我认为您没有正确设置选项；根据此处的选项页面: DataTable Options

下面显示了

中的选项

DataTable({myOptions: values,});

下面您将看到示例:

$('#example'String).DataTable( {

    paging: false,

    scrollY: 400

} );

我认为您应该尝试不使用选项或限制选项，如页面上的示例所示，看看是否有效，然后您可以修复格式。

编辑

获取下面的代码片段并使用它们 - 如果它有效，则在每次添加功能后添加您的附加代码对其进行测试。当它损坏时，您就会知道到底是什么导致了问题。旁注 - 您确定加载库的路径存在于您的网络服务器上吗？

这条路径必须存在 - 如果我的 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>​