返回顶部

收藏

jquery和prototype库冲突的解决方法

更多

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

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

我们举个例子:

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

<script src="jquery.js" type="text/javascript"/> 
<script src="prototype.js" type="text/javascript"/>

在这种情况下,我们在自己的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的别名了。

标签:jquery,prototype

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. 博主 发表 2012-11-26 08:00:00 将rapid validation的库依赖从prototype.js迁移到jquery
  2. 张映 发表 2013-05-03 02:54:31 jquery prototype 冲突 2种解决方法
  3. 天外飞仙 发表 2013-02-26 04:57:29 jQuery 新增或删除表格文本框
  4. snowe 发表 2012-12-26 16:10:45 css教程css3加载动画教程
  5. 王子墨 发表 2013-03-02 10:15:30 jQuery Weather v3.0 (网页天气预报)
  6. 周亮 发表 2012-07-08 09:30:17 JavaScript中的this
  7. 520dujiangkuan 发表 2013-03-27 14:59:36 jquery风暴 源码
  8. Picturepan2 发表 2013-04-01 03:07:18 jQuery 2.0 将增加 Windows Store 应用开发支持
  9. 520dujiangkuan 发表 2013-04-27 00:33:34 jquery tab切换
  10. lixiphp 发表 2013-05-07 12:49:55 工作笔记
  11. hackerzhou 发表 2011-11-05 14:29:39 程序员的浪漫-一周年主题网站
  12. tenking 发表 2013-06-18 05:42:00 jQuery live与bind的区别

发表评论