1️⃣ 原因
由於是一個比較老的專案,所以在做功能時,用到了老專案的一個控制元件,這一個控制元件是以前封裝好的,依賴的是jquery-1.6.min.js。但是在做下拉框多選功能時,在網上找了一個下拉框多選的框架,但是這個框架依賴是jquery.js(3.7.1),所以才出現了這個問題。
簡單來說就是新老控制元件對jquery的版本不相容導致的。
2️⃣ 解決方法
使用noConflict()方法:順序也不能錯
1.引入第一個jquery.js(3.7.1)
2.使用noConflict()方法
3.新增需要的控制元件
4.引入jquery-1.6.min.js
5.引入老控制元件
![javascript引入了不同版本的多個jquery,如何不同版本之間不互相影響](https://img2024.cnblogs.com/blog/2912551/202405/2912551-20240529172727939-1100161314.png)
簡單來說就是$代表jquery-1.6.3,Q代表jquery(3.7),以此來區分多版本jquery
注意,順序也很重要,如果出問題,看看引入的js順序