使用不同版本的jQuery

Question

用例

我在jstree和jquery-ui datepicker之间有冲突。

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

我使用jsTree 3.3，它使用jQuery 3.1.1和jQueryUI v1.12.1，它使用jQuery 1.12.4。 问题

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

（...）。日期选择器是不是一个函数

我到目前为止已经试过

根据很多其他话题，包括以下两种：

datepicker与jstree或multi之间的冲突PUL

穿上动态创建的元素日期选择器（） - 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 Framework的Web应用程序。 $（“＃datepicker”）。datepicker（）在我不使用jstree的视图中工作正常，所以根据我读过的内容，我非常确定这是两个插件之间的冲突，很可能与jQuery版本有关。

Answer 1

看看jQuery-migrate。

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

在您的网页，加载的jQuery插件脚本标记之后，例如：

<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以获取更多信息。

希望这会有所帮助！

Answer 2

你说“jQueryUI v1.12.1它使用jQuery 1.12.4”。你以什么方式决定了这个要求？

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。