使用不同版本的 jQuery

Question

用例

我在 jstree 和 jquery-ui datepicker 之间遇到了冲突。

我正在尝试在 AJAX 请求后在 DOM 中注入的输入上使用 jquery-ui-datepicker。

我正在使用使用 jQuery 3.1.1 的 jsTree 3.3 和使用 jQuery 1.12.4 的 jQueryUI v1.12.1。 问题

当我尝试调用 $('#datepicker').datepicker() 时，它会抛出 TypeError

(...).datepicker 不是函数

到目前为止我已经尝试过什么

根据许多其他主题，包括以下两个：

datepicker 和 jstree 或 multipul 之间的冲突

将 datepicker() 放在动态创建的元素上 - JQuery/JQueryUI

我的代码如下所示：

HTML：

<script src="{% static 'Syc/js/jquery.js' %}"></script>
<script src="{% static 'Syc/js/jquery-old.js' %}"></script> <!-- version1.12.14-->
<script src="{% static 'Syc/js/jquery-ui/jquery-ui.js' %}"></script>
<script src="{% static 'Syc/Jstree/dist/jstree.min.js' %}"></script>

Javascript：

$(document).on('focus', "[id^='Date']", function () {
var jQ = jQuery.noConflict(true);
jQ.getScript('path/jquery-old.js', function () {
    jQ(function () {
        jQ(this).datepicker();
    })
});

上面的代码当前被放置在向 DOM 中注入输入的函数的成功回调中。

这是我的 JS 的最高级版本，我尝试过不使用 getScript，我尝试将它放置在 jstree 对象创建之前/之后。我不知道我缺少什么或使 datepicker() 工作的正确方法。

非常感谢您的帮助！

附加信息

我正在使用 Django 框架开发 Web 应用程序。 $("#datepicker").datepicker() 在我不使用 jstree 的视图中工作正常，所以根据我读过的内容，我很确定这是两个插件之间的冲突，很可能与 jQuery 版本有关。

Answer 1

你说 “使用 jQuery 1.12.4 的 jQueryUI v1.12.1”。您是根据什么决定这个要求的？

http://jqueryui.com/download/ 仅列出 UI 1.12.1 的下载，如下所示：

1.12.1（稳定，适用于 jQuery1.7+）需要 jquery 1.7 或更高版本。

为了佐证，http://api.jqueryui.com/ 说得很清楚

jQuery UI 1.12 支持 jQuery 1.7 和更新版本。

除了最低要求外，没有提到具体的版本。没有理由不能使用 3.x。正如您所发现的，在您的页面中包含多个版本的 jQuery（甚至是同一版本的多个副本）会带来麻烦。

要解决您的问题，您只需从项目中完全删除 jquery 1.12.4。

Answer 2

看看jQuery-migrate。

它恢复了在较新版本的 jQuery 中删除的 API。

在你的网页中，在 jQuery 的 script 标签之后加载插件，例如：

<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.0.1.js"></script>

查看 GitHub 上的 documentation 了解更多信息。

希望这会有所帮助！