javascript引入了不同版本的多个jquery,如何不同版本之间不互相影响

  • javascript引入了不同版本的多个jquery,如何不同版本之间不互相影响已关闭评论
  • 47 次浏览
  • A+
所属分类:Web前端
摘要

1️⃣ 原因   由于是一个比较老的项目,所以在做功能时,用到了老项目的一个控件,这一个控件是以前封装好的,依赖的是jquery-1.6.min.js。但是在做下拉框多选功能时,在网上找了一个下拉框多选的框架,但是这个框架依赖是jquery.js(3.7.1),所以才出现了这个问题。

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顺序