• 技术文章 >web前端 >js教程

    不同版本jquery冲突怎么解决?

    青灯夜游青灯夜游2020-11-19 15:32:11原创45

    用过jQuery的朋友都知道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冲突怎么解决?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:解决 jquery 版本 冲突
    上一篇:jquery如何清空input中的内容 下一篇:jquery怎么判断对象是否存在?
    第14期线上培训班

    相关文章推荐

    • jquery用什么方法清空input值• jquery和React的区别是什么?• jquery有克隆方法吗?• 如何判断一个对象是否为jquery对象• JQuery trim()函数怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网