不同的jquery版本冲突的解决方法-创新互联
这篇文章将为大家详细讲解有关不同的jquery版本冲突的解决方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
10余年的宜丰网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整宜丰建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“宜丰网站设计”,“宜丰网站推广”以来,每个客户项目都认真落实执行。不同的jquery版本冲突的解决方法:首先在【1.4.2】的源代码的最后加相关代码;然后在基于【1.4.2】的框架的所有插件的头部加上相关代码;最后要用基于【jQuery1.4.2】的选取函数就用【$j4(element)】。
不同的jquery版本冲突的解决方法:
案例:解决jQuery1.3.2和1.4.2的冲突。
第一步:在1.4.2的源代码的最后加上一句 :
var $j4 = jQuery.noConflict(true);
之所以在源码这里加,而不是像大多数文章提的在要用到的时候加,这是因为很多基于1.4.2的插件都要加,在这里加可以避免过多插件加这句代码导致重复。这一句是将1.4.2的jQuery和$的引用权限全部放弃。也就是基于1.4.2的插件不能再用jQuery和$了。同时给予$j4的新的命名空间,注意它是window的属性。看1.4.2的源代码会发现它其实也就执行了这两句:
window.$=_$; window.jQuery=_jQuery;
道理同window.$=_temp$
(返还命名空间)只是命名不同而已。
第二步:在基于1.4.2的框架的所有插件的头部加上以下代码:
var _temp$ = window.$,_tempjQuery = window.jQuery;
将jQuery1.3.2的$和jQuery放到临时的变量空间上:
window.$ = $j4;
这句和下面的那句都是为了给中间的代码能够正确使用jQuery和$用的。后面的$j4
是赋予他们正确的引用。
window.jQuery = $j4;
之所以要先放临时变量存储,有三点必须这样做的理由:
①.我们不希望改动大量的jQuery插件源代码,好是不动,即使改的话,尽量改的少。而在头部尾部加改动代码,中间的原始代码不动也是不错的一种方式。
②.因为1.4.2的已经放弃了jQuery和$的控制权,但是已有的插件代码又用了他们来做引用,因为插件不可能预知冲突,即使有冲突他人开发的插件也一定要用$或者jQuery引用,除非它不是jQuery下的插件。
③.为了防止插件里面直接用window.$
和window.jQuery
进行引用从而导致引用到1.3.2的jQuery和$,虽然这种情况比较少,但是以防万一。
中间的原始代码不动,尾部加以下代码:
window.$ = _temp$;//将$的引用权限返还给jQuery1.3. window.jQuery = _tempjQuery;//将jQuery的引用权限返还给jQuery1.3.
第三步:以后要用基于jQuery1.4.2的选取函数就只能用$j4(element)了。
总结:到目前为止可行方案:jQuery1.4.2完全放弃$和jQuery的控制权限。1.3.2放弃$的控制权限但不放弃jQuery的权限,其实jQuery也可放弃,只不过要给个别名$j3。prototype好放在jQuery1.3.2后面,它获得$的控制权限。只是以后要用jQuery1.4.2就必须用$j4来引用了。但这样即使有再多的jQuery框架版本冲突问题,也全部解决掉了。假如来了个1.2的jQuery怎么办,参照(2)的执行步骤,只不过第一步改为:
var $j2 = jQuery.noConflict(true);
第三步用$j2(element)
罢了。道理都是相同的。
相信本文所述对大家的jQuery程序设计有一定的借鉴价值。
关于不同的jquery版本冲突的解决方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
名称栏目:不同的jquery版本冲突的解决方法-创新互联
分享地址:http://hbruida.cn/article/dsjohi.html