JQuery 1.12.3 (Datatables) 与 JQuery 1.7.2(JQuery-UI) 冲突

Question

我在使用前端方面还很陌生，但我发现 JS 对于在客户端执行操作非常有用。

目前我正在使用默认模板为flask 网站提供服务。

这个页面过去只包含一个JQuery Datatable

最近我发现需要打开一个带有 pdf 文件的弹出对话框（dialog 内的iframe），但导入发生冲突，当时只能使用两者之一。

Datatable 导入如下：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">    <style type="text/css" class="init"></style>
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.3.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

Popup 是那些：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" />

如果没有1.7.2，表格会成功加载，但 UI 会崩溃并出现以下错误：

jquery-ui.js:9833 Uncaught TypeError: $.curCSS is not a function

使用它不会加载数据表：

table:3704 Uncaught TypeError: $(...).DataTable 不是函数

虽然很丑here是完整的模板代码。

Answer 1

正如 Pranav C Balan 在 cmets 中所说，我只需要使用更新的 JQuery-ui 版本，它就可以完美运行。

以下是目前最新版本的 JQuery 导入：

<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" type="text/javascript"></script>
<link href="https://code.jquery.com/ui/1.12.0/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" />