同一页面中的不同 jQuery 源代码和版本（googleapi，代码）

Question

我要分页，首先是可排序列表 (li)，它使用了以下 Javascript：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

mmenu 的第二页有以下 jquery：

<script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/theme/mmenu/dist/jquery.mmenu.all.js"></script>

当我想将两个脚本添加到一个页面中（菜单和可排序正在工作的地方）时，会出现一些错误，因为当我删除可排序的 Jquery 时 mmnue 将起作用，而当我删除可排序的 Jquery 然后 mmenu不行！

那么请问如何让它们在一个页面上工作？

Answer 1

这可以使用jQuery.noConflict()

类似：

<script src='jquery-1.3.2.js'></script>
<script>
var jq132 = jQuery.noConflict();
</script>
<script src='jquery-1.4.2.js'></script>
<script>
var jq142 = jQuery.noConflict();
</script>

查看更多示例：http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/