jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了3.x版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.X、2.X、3.X等等。由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版本在同一个页面并存而不冲突呢?
第一步,引入不同版本的jquery,这样就说明有$变量,方法名,属性等等各种冲突,如图先引入:
第二步,可以看到引入了2.x的和3.x版本,先看一下冲突吧,可以看到当前的$代表2.x的,如图:,那现在想使用3.x怎么办呢?
第三步,现在要想使用3.x的,就必须在3.x加载完的时候用一个变量把$符号保存起来,这样才能区分,如图:
第四步,先看看如第三步区分后行不行,如图,可以看到,2个变量分别输出2.x和3.x的,说明这样是可以的
第五步,到底行不行,可以使用一个实例来说明,如图,可以发现,这样是可以的
第六步,当然还有其他的方法,这里就不一一描述了,如果觉得有用不用点个赞吧
总结:简单的说就是将变量分别放在两个jQuery下方!
案例代码:
<script src="[!--news.url--]skin/default/js/jquery-1.4a2.min.js" type="text/javascript"></script> <script> var $1=$.noconflict(true); </script> <script src="/images/arzx/index.js"></script> <script> var $2=$.noconflict(true); </script>
按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
→我们致力于为广大网民解决所遇到的各种电脑技术问题 如果您认为本词条还有待完善,请 编辑词条
上一篇帝国CMS图片和文字友情链接的调用方法教程及代码分享
下一篇