jQuery/jQueryUI 冲突答案

【问题标题】：jQuery/jQueryUI conflictjQuery/jQueryUI 冲突
【发布时间】：2013-03-16 14:12:44
【问题描述】：

我正在使用一些 jquery 文件进行自动完成和日期时间选择器控制，但其中 3 个文件存在冲突：

自动完成的两个文件是

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

日历日期时间选择器的一个文件是：

<script  src="../assets/js/jquery-1.8.3.min.js"></script>

当我评论日期时间选择器文件自动完成功能时，这 3 个文件相互冲突，如果我取消注释，自动完成将停止。

【问题讨论】：

您应该在每个页面只包含 ONE 版本的 jQuery，并且它应该是最新的。使用 1.4.2 和 jQueryUI 1.8.1 是自找麻烦。
为什么要使用旧版本进行自动完成？

标签： javascript jquery

【解决方案1】：

如果你想同时包含这两个 js 文件，你可以..

 <!-- load jQuery 1_8_3 -->
    <script  src="../assets/js/jquery-1.8.3.min.js"></script> 
    <script type="text/javascript">
    var jQuery_1_8_3 = $.noConflict(true);
    </script>

    <!-- load jQuery 1.4.2 -->
    <script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
    <script type="text/javascript">
    var jQuery_1_4_2= $.noConflict(true);
    </script>

最好避免页面中有多个版本..最好使用适当的jquery-UI版本和jquery版本

【讨论】：

可能是顺序有问题..把这个1.8.4的ui文件加到jquery 1.8文件下或者把jquery 1.4.2放在上面..

【解决方案2】：

如果你只尝试这些，我认为你很好：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">
</script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js">
</script>

No need to add other versions of jquery.

【讨论】：

【解决方案3】：

这可能是因为您包含 jQuery 2 次。一个旧版本和一个新版本。

我建议您尝试使用最新版本的 jQuery 和 jQuery UI，并检查一切是否仍然有效。

【讨论】：