javascript引入了不同版本的多個jquery,如何不同版本之間不互相影響

$YX$發表於2024-05-29

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,如何不同版本之間不互相影響

javascript引入了不同版本的多個jquery,如何不同版本之間不互相影響
簡單來說就是$代表jquery-1.6.3,Q代表jquery(3.7),以此來區分多版本jquery
注意,順序也很重要,如果出問題,看看引入的js順序

相關文章