博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决jquery和prototype库冲突问题
阅读量:6039 次
发布时间:2019-06-20

本文共 956 字,大约阅读时间需要 3 分钟。

  在项目中同时引入了jquery.js和prototype.js两个文件,在方法调用时启了冲突。

  我们在使用 jQuery 的过程中我们会频繁使用 $ 符号,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,例如 如$('#msg')等同于JQuery('#msg')的写法。

  在页面中同时引入另一个js类库,并且该类库也是用了 $ 符号时,$ 代表的变量将被覆盖。例如 prototype.js。

  举例:

  A.jquery.js 在 prototype.js 之前引入

 

  在这种情况下,我们在自己的js代码中如下写的话:

  $('#msg').hide();

  $此时代表的prototype.js中定义的$符号,如果我们想要调用jquery.js中的工厂选择函数功能的话,只能用全称写法JQuery('#msg').hide();

  B.jquery.js 在 prototype.js 之后引入

  在这种情况下,我们在自己的js代码中如下写的话:$('#msg').hide();

  $永远代表的是jquery中定义的$符号,也可以写成JQuery('#msg').hide();prototype.js中定义的$则被覆盖了。 

  解决的方法 1:在编写完 使用了 jquery 中的 $的代码后 用JQuery.noConflict();

  来让Jquery放弃对$的所有权,将$的控制权交还给prototype.js,因为jquery.js是后引入的,所以最后拥有$控制权的是jquery,当在代码中调用了该 方法以后,我们就不可以使用$来调用jquery的方法了,而要使用 jQuery() 方法。

  解决的方法 2:自定义jquery 的别名

var $j=JQuery.noConflict(); $j('#msg').hide();//此处$j就代表JQuery

  使用如上代码,自此以后$就代表prototype.js中定义的$,jquey.js中的$无法再使用,只能使用$j来作为jquey.js中JQuery的别名了。

转载于:https://www.cnblogs.com/Joanna-Yan/p/4836252.html

你可能感兴趣的文章
Google-Authenticator
查看>>
FOJ有奖月赛-2015年11月 Problem A
查看>>
电商网站中添加商品到购物车功能模块2017.12.8
查看>>
android 模拟器 hardWare 属性说明
查看>>
六款值得推荐的android(安卓)开源框架简介
查看>>
max_element( )
查看>>
CSS Grid 布局
查看>>
接口的幂等性
查看>>
java中的类
查看>>
android 自定义文字跑马灯 支持拖拽,按住停止滚动,自定义速度
查看>>
SpringMVC完成文件上传的基本步骤
查看>>
实例168 使用指针输出数组元素
查看>>
bind 与unbind
查看>>
CSS: Flexbox
查看>>
Python学习
查看>>
Java并发_volatile实现可见性但不保证原子性
查看>>
百度地图添加带数字标注
查看>>
【luogu 1908】逆序对
查看>>
pthread_create线程创建的过程剖析(转)
查看>>
android存储访问框架Storage Access Framework
查看>>