首页 > 软件开发 > JQUERY >

多个版本的jquery怎么解决$冲突

来源:互联网 2023-03-16 23:54:11 389

jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了3.x版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.X、2.X、3.X等等。由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版本在同一个页面并存而不冲突呢?MGV办公区 - 实用经验教程分享!

工具/原料

  • jquery
  • 浏览器

方法/步骤

  • 1

    第一步,引入不同版本的jquery,这样就说明有$变量,方法名,属性等等各种冲突,如图先引入:MGV办公区 - 实用经验教程分享!

    多个版本的jquery怎么解决$冲突?MGV办公区 - 实用经验教程分享!

  • 2

    第二步,可以看到引入了2.x的和3.x版本,先看一下冲突吧,可以看到当前的$代表2.x的,如图:,那现在想使用3.x怎么办呢?MGV办公区 - 实用经验教程分享!

    多个版本的jquery怎么解决$冲突?MGV办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    第三步,现在要想使用3.x的,就必须在3.x加载完的时候用一个变量把$符号保存起来,这样才能区分,如图:MGV办公区 - 实用经验教程分享!

    多个版本的jquery怎么解决$冲突?MGV办公区 - 实用经验教程分享!

  • 4

    第四步,先看看如第三步区分后行不行,如图,可以看到,2个变量分别输出2.x和3.x的,说明这样是可以的MGV办公区 - 实用经验教程分享!

    多个版本的jquery怎么解决$冲突?MGV办公区 - 实用经验教程分享!

  • 5

    第五步,到底行不行,可以使用一个实例来说明,如图,可以发现,这样是可以的MGV办公区 - 实用经验教程分享!

    多个版本的jquery怎么解决$冲突?MGV办公区 - 实用经验教程分享!

  • 6

    第六步,当然还有其他的方法,这里就不一一描述了,如果觉得有用不用点个赞吧MGV办公区 - 实用经验教程分享!

  • 注意事项

    • 注意引入路径

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!MGV办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码