同一頁面中的不同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>

當我想將兩個腳本都添加到一個頁面中時（菜單和sortable都在工作），會出現一些錯誤，因為當我刪除可排序的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/