DataTables 表不显示答案

【问题标题】：DataTables table not displayingDataTables 表不显示
【发布时间】：2017-07-16 18:18:15
【问题描述】：

我正在尝试使用 DataTables 插件，当使用 https://datatables.net/examples/data_sources/js_array.html 上的示例代码作为起点时，如果可以在我要去的地方提出任何建议，我在显示表格时遇到了困难错了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>DataTables Site</title>
    <meta name="viewport" content="width=device-width, minimum-scale-1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="jquery.DataTables.min.css">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="DataTablesCSS.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css"/>
</head>

<body>

<script src="DataTablesJS.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script src="jquery-1.12.0.min.js"</script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js"></script>
<script type="text/javascript" class="init"></script>

<div id="container" class="width">
<header>
    <h1>Data<span> Tables</span></h1>
</header>

<div id="body">
<section id="content">
    <br>
    <article>
        <h2>DataTables H2</h2>
        </br>
<html>
<body>

<div>
<table id="example" class="display" width="100%"></table>
</div>

</body>
</html>
    </article>

</section>
<div class="clear"></div>
</div>
<footer>

</footer>
</div>
</body>
</html>

提前致谢，如果添加 CSS 或 javascript 文件有用，请告诉我。

【问题讨论】：

你的代码真的很乱！如果您在那里初始化DataTable，请将<script src="DataTablesJS.js"></script>放在所有脚本之后

标签： javascript html css datatables

【解决方案1】：

首先，请尝试使用一些 HTML 代码验证器，例如：https://validator.w3.org/

可能与 DataTables 无关。

使用一些合理的 IDE（它可能会有所帮助）或命令行验证工具来快速获取错误信息。

【讨论】：

validator.w3.org 不能完全证明，因为它不能识别新的变化。
我完全清楚这一点。但在那种情况下，它可能正好适合。我不确定你是否试一试——它已经对基本的东西尖叫了，尽管也出现了一些噪音。请注意 like 这个词。在大多数情况下，无论哪种方式都可以让@JG20 更快地得到正确答案。

【解决方案2】：

在正文末尾包含数据表javascript，这样在js可以搜索表之前生成HTML。

【讨论】：

试试这个，如果它解决了您的问题，请点赞并接受！