Jquery DataTable 脚本已加载但在浏览器上不可用 DOM

Question

我参考了jqyery dataTabes和JS。结果调用如何，但我无法在那里找到 DataTable 并将其显示为结果。

    <link href="https://cdn.datatables.net/1.10.8/css/dataTables.bootstrap.min.css" rel="stylesheet">

<script src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.8/js/dataTables.bootstrap.min.js"></script>

在浏览器中：尽管 JS / CSS 加载

但它仍然存在于 DOM 上，所以当我尝试将它应用于任何元素时它并不适用。

那么为什么它没有在浏览器 DOM 或代码

中应用的错误是什么？

Answer 1

DataTable 是一个 jQuery 插件，因此您需要确保在您的页面上也包含 jQuery。 jQuery 需要先包含，然后再包含 DataTables。然后要初始化数据表，您需要使用 $('<table selector>').DataTable()，确保为您的 table.

插入真正的选择器

Answer 2

问题是 jquery 引用，我引用的是 jquery 2.1.1 和 2.1.4 版本的 jQuery。删除 2.2.1 使其有效

Jquery DataTable 脚本已加载但在浏览器上不可用 DOM

Jquery DataTable Script Loaded but Not Available On Browser DOM

javascript

css

jquery

datatables