javascript的DataTables插件仅适用于jQuery 1.12.4？

Question

在DataTables网站的兼容性部分（https://datatables.net/download/compatibility） 是写的

＆＃34; DataTables及其扩展都需要jQuery 1.7或更高版本。与所有软件一样，建议您始终使用最新版本的jQuery，因为它将包含其他功能，性能增强和错误修复＆＃34;

所以我决定测试他的零配置＆＃34;在我的项目中使用jquery（jquery-3.1.1.min.js）的最后一个版本的例子，但是没有用。

jQuery的最新版本 https://jsfiddle.net/7LpaLqyL/没有任何效果

jQuery版本1.12.4（示例中的版本） https://jsfiddle.net/zr7coz5u/正在运作

和代码是一样的 $('#example').DataTable();

所以我的问题是，如何使用最新版本的jQuery？

Answer 1

您的示例包含无效的加载顺序，jQuery DataTables必须在 jQuery之后加载。

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.css">     

<!-- JS -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>

请参阅updated example以获取代码和演示。