总结一下,从这看来:http://www.cnblogs.com/liyunqi007/archive/2011/10/22/2221178.html
利用jQuery.noConflict()特性,我们不仅可以让jQuery与其他的JS库并存,比如Prototype。也可以与jQuery本身的其他不同版本并存而不冲突。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>在同一个页面中加载多个不同的jQuery版本</title> <!-- 从谷歌服务器加载jQuery最新版本 --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript"> var jQuery_New = $.noConflict(true); </script> <!-- 加载jQuery1.6.2版本 --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> var jQuery_1_6_2 = $.noConflict(true); </script> <!-- 加载jQuery1.5.2版本 --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"> var jQuery_1_5_2 = $.noConflict(true); </script> <!-- 加载jQuery1.4.2版本 --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> var jQuery_1_4_2 = $.noConflict(true); </script> <!-- 加载jQuery1.3.2版本 --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> var jQuery_1_3_2 = $.noConflict(true); </script> <script type="text/javascript"> alert(jQuery_New.fn.jquery); alert(jQuery_1_6_2.fn.jquery); alert(jQuery_1_5_2.fn.jquery); alert(jQuery_1_4_2.fn.jquery); alert(jQuery_1_3_2.fn.jquery); jQuery_New(function($){$('<p>我是最新的'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');}); jQuery_1_6_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');}); jQuery_1_5_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');}); jQuery_1_4_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');}); jQuery_1_3_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');}); </script> </head> <body> 在同一个页面中加载多个不同的jQuery版本 <br> </body> </html>
或者下面的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"> </script> <script type="text/javascript"> (function () { var v14 = $.noConflict(true); window.$ = { v14: v14 }; })(); </script> <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script> <script type="text/javascript"> (function () { var v17 = $.noConflict(true); window.$.v17 = v17; })(); </script> <script type="text/javascript"> // v14 code (function ($) { })(window.$.v14); // v17 code (function ($) { })(window.$.v17); </script> </head> <body> </body>
相关推荐
在同一个页面使用多个不同的jQuery版本,让它们并存而不冲突
jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突
大致意思是这样的先把$使用权限交给另外一个jquery库,这样就能避免不同jquery版本之间的$对象之 间的冲突。上面的代码可以弹出两个弹出框,就可以解除不同版本间冲突了。 在运行这个函数后,就只能用j访问jquery/...
可以有效的解决jquery版本之间的冲突,使代码能正常运行
解决jquery与dwr冲突
jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下
jQuery.easyui优化版本,解决了页面覆盖的问题 系统框架
js,javascript,jquery,解决其他js和jquery冲突方法
本文主要解决了如何让多个不同的jQuery版本在同一个页面并存而不冲突的方法,需要的朋友可以参考下
ecshop的jQuery冲突问题(最简单的解决方法
jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,该怎么解决呢?下面小编给大家带来了jQuery多个版本和其他js库冲突的解决方法,一起看下吧
SVN冲突处理解决方法 1.SVN冲突产生的原因 2. 解决冲突的方式 3.注意事项 不同版本的同一个位置出现了不同的东西
本人亲测,本人网页有两个JS效果,用到了两个jQuery文件(一个是jquery.min.js,另一个是jquery.pack.js),可以两个冲突,只能保留一个。 但效果就只能有一个。我想两个都保留,于是就想了很多办法,查了很多资料,...
完美解决ecshop使用jquery冲突问题,用jquery的get,post的方法替代ajax的get,post方法,不需要改动程序,只需要替换js相应文件。
ecshop解决jquery冲突js 测试版本 2,73
transport.js调用前必须先调用json2.js 替换原ecshop中的transport.js文件,即可解决与jQuery的冲突问题