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。然后要初始化DataTables，您需要使用$('<table selector>').DataTable()，确保为您的表插入真实的选择器。

Answer 2

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