现在的js库很多,而且各有所长。像我,就比较喜欢jQuery,但同时也会使用一下其他的js库,如YUI,DWR什么的。但是它们却时不时地相互闹些 小矛盾,真是让人头痛。究其原因,原来是它们的全局对象定义冲突了,特别是变量”$”,几乎百分之百要在这中招。怎么办?呵呵,看我的!
重载$函数。使用jQuery.noConflict()就可以通过重载$函数,从而区分开跟其他js库的重叠部分。例子如下:
- <script src="prototype.js"></script>
- <script src="jquery.js"></script>
- <script>
- jQuery.noConflict();
-
- jQuery(document).ready(function(){
- jQuery(”div”).hide();
- });
-
- $(’someid’).style.display = ‘none’;
- </script>
记得要在载入完各js库后才能用jQuery.noConflict()进行重载哦,如例子中的prototype和jquery。
当然我们也可以不使用其默认的名字空间,比如我喜欢使用 $j() 而不是 jQuery() 。
- var $j = jQuery.noConflict();
- $j(document).ready(function(){
- $j(”div”).hide();
- });
分享到:
相关推荐
本人亲测,本人网页有两个JS效果,用到了两个jQuery文件(一个是jquery.min.js,另一个是jquery.pack.js),可以两个冲突,只能保留一个。 但效果就只能有一个。我想两个都保留,于是就想了很多办法,查了很多资料,...
jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下
jQuery库与其他JS库冲突的解决办法
js,javascript,jquery,解决其他js和jquery冲突方法
NULL 博文链接:https://macleo.iteye.com/blog/1332910
ecshop解决jquery冲突js 测试版本 2,73
jquery与js函数冲突的两种解决方法.docx
transport.js调用前必须先调用json2.js 替换原ecshop中的transport.js文件,即可解决与jQuery的冲突问题
通常,全局对象都被很好地存储在 jQuery 命名空间里,因此当把 jQuery 和其他 JavaScript 库(例如 Prototype、MooTools 或 YUI)一起使用时,不会引起冲突。 注意:默认情况下,jQuery 用 $ 作为自身的快捷方式。 1...
在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突,下面这篇文章主要给大家介绍了关于jQuery库冲突的完美解决办法,需要的朋友可以参考借鉴,下面来一起看看吧。
NULL 博文链接:https://killzombie.iteye.com/blog/1198374
ecshop transport.js和jquery冲突的问题,ecshop jquery冲突解决,亲测可用!
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,该怎么解决呢?下面小编给大家带来了jQuery多个版本和其他js库冲突的解决方法,一起看下吧
大家都知道jquery版本有好多,之间冲突很纠结。 比如我刚来这公司的时候,后端的哥们用的是jQuery 1.3.2,我了个去,那哥们好久没更新了。 我写的效果插件都是最新的jquery1.7.1。 不兼容蛋疼啊,参考前人资料,看书...
主要介绍了bootstrap与Jquery UI 按钮样式冲突的解决办法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
在jQuery库中,几乎所有的插件都被限制在它的命名空间里。全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突.
所以这里用JSON官网在javascript语言上提供的json2.js支持。 具体下载地址:https://github.com/douglascrockford/JSON-js 2、修改transport.js 2.1 注释掉重写object的方法,具体搜索 if ( ! Object.prototype....
这有助于确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$(“div p”)的地方,就必须换成jQuery(“div p”)。 ”’注意:”’这
最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jquery也一样。其实$只是jquery的一...