javascript - 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。在包含 DataTables 之前需要包含 jQuery。然后初始化数据表，你需要使用 $('<table selector>').DataTable() ，确保为您的表格插入真正的选择器。