jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.6.4版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3.X、1.4.X、1.5.X、1.6.2等等。 由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版本在同一个页面并存而不冲突呢? 其实,利用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="/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="/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="/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="/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="/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&&&&&& 转自:
阅读(...) 评论()15201版本的主界面没出现大资金买入多少钱,怎么调出来?
理想初一级同学
还需要 1668 积分才能升级
15201版本的主界面没出现大资金买入多少钱,怎么调出来?
浏览:1479
欢迎光临理想论坛,由于您没有登录,所以无法查看到论坛的附件及隐藏分区,也无法与其他会员交流。
还没有理想论坛的帐号?
如图,如果是正版的大智慧要出现买入多少资金的。
但是我这个没有出现,怎么调出来呢?股票论坛
(129.36 KB)
积分2332&理想币240 个&彩币2 个&共享币962 个&注册时间&
理想高三级同学(菠菜一段)
还需要 5574 积分才能升级
帮你顶起!!!!!!
积分24426&理想币10874 个&彩币16 个&共享币5789 个&注册时间&
理想初三级同学(菠菜一段)
还需要 720 积分才能升级
帮你顶起!!!!!!
积分7280&理想币767 个&彩币183 个&共享币3143 个&注册时间&
理想高二级同学
还需要 3590 积分才能升级
帮你顶,让老师们看见,投资愉快!
积分16410&理想币4278 个&彩币0 个&共享币917 个&注册时间&
理想硕士级同学
还需要 64594 积分才能升级
投资愉快!!!!!!!!!!
辛苦了。投资愉快。。。
积分135406&理想币100494 个&彩币5 个&共享币8917 个&注册时间&
粉丝:1931
软件区班长
(13.77 KB)
时间: 11:56
积分131621&理想币105525 个&彩币0 个&共享币21714 个&注册时间&
理想硕士级同学
还需要 41547 积分才能升级
辛苦了。投资愉快。。。
积分158453&理想币117863 个&彩币2 个&共享币22607 个&注册时间&
理想高三级同学
还需要 9691 积分才能升级
回复 楼主 @黑白009
点击“设”字、你会有惊喜的。。。。
积分20309&理想币5939 个&彩币1 个&共享币2262 个&注册时间&
理想博士级同学(菠菜二段)
还需要 85380 积分才能升级
学习。。。。。。。。
积分214620&理想币150407 个&彩币1029 个&共享币23191 个&注册时间&
理想初二级同学
还需要 1643 积分才能升级
免费版本的显示情况
(25.23 KB)
积分4357&理想币848 个&彩币5 个&共享币982 个&注册时间&
理想初二级同学
还需要 1643 积分才能升级
大智慧600576主力资金全景免费版本显示情况
积分4357&理想币848 个&彩币5 个&共享币982 个&注册时间&
理想大四级同学
还需要 17704 积分才能升级
周末愉快!!!!!!!!!!!!!!!!
积分62296&理想币30980 个&彩币1 个&共享币4285 个&注册时间&
理想博士后同学(菠菜一段)
还需要 148354 积分才能升级
谢谢分享,投资愉快!
积分351646&理想币310839 个&彩币234 个&共享币4130 个&注册时间&
理想初一级同学
还需要 1668 积分才能升级
谢谢分享.....
积分2332&理想币240 个&彩币2 个&共享币962 个&注册时间&
理想初一级同学
还需要 1668 积分才能升级
引用:原帖由
11:56 发表
6735987&&&&如何能象这个图中。
出现这两个超赢的数据?
我看了下设那个图标中,根本就没有这两个可以选择。
(26.12 KB)
积分2332&理想币240 个&彩币2 个&共享币962 个&注册时间&
理想初一级同学
还需要 1668 积分才能升级
引用:原帖由
18:53 发表
免费版本的显示情况&&&&如何能象这个图中。
出现这两个超赢的数据?
我看了下设那个图标中,根本就没有这两个可以选择。
积分2332&理想币240 个&彩币2 个&共享币962 个&注册时间&
理想初一级同学
还需要 1668 积分才能升级
引用:原帖由
15:19 发表
点击“设”字、你会有惊喜的。。。。 黑白009&&&&如何能象这个图中。
出现这两个超赢的数据?
我看了下设那个图标中,根本就没有这两个可以选择。
积分2332&理想币240 个&彩币2 个&共享币962 个&注册时间&
理想初三级同学(菠菜一段)
还需要 720 积分才能升级
谢谢分享.....
积分7280&理想币767 个&彩币183 个&共享币3143 个&注册时间&
快速回复主题
禁用 URL 识别
使用个人签名
接收新回复邮件通知
发帖请务遵守本站的相关规则,所有发表(包括转发)政治、***非法信息者本站将实时提供发贴者个人信息给公安局,追究责任,特此申明!
具体规则请参见《》
您需要登录后才可以发帖
发表帖子[完成后可按 Ctrl+Enter 发布]
理想论坛上的网友发表的帖子纯属个人意见,理想论坛不负任何责任!广告赞助商内容与本站无关!
理想论坛值班***[9:30~18:30]: 5518-1 B 3090 ☎ 187 (广告)
工业和信息化部信息备案:如何在一个页面上让多个jQuery版本共存 - 廖雪峰的官方网站
如何在一个页面上让多个jQuery版本共存
/ Reads: 510
如何在一个页面上让多个jQuery共存呢?比如jquery-1.5和jquery-1.11。
你可能会问,为什么需要在一个页面上让多个jQuery共存?直接引用最新版本的jQuery不行吗?
***是,不行。因为现实生活是非常残酷的。举个栗子:
现有网站已经引用了jQuery 1.5以及相关插件。如果直接将jQuery升级到最新版,这些插件就不工作了,除非你能把这些插件全部升级,或者等各个插件的作者发布支持最新版jQuery的版本。
现在,如果我们要基于jQuery开发新的插件或者写JavaScript代码,用新版本会比较省时省力。
但旧版本又绝对不能扔掉,怎么办?
方法是通过jQuery的noConflict()来让多版本共存。
当我们导入jQuery时,jQuery仅向window这个全局空间注入两个变量:
window.$ = window.jQuery = { jQuery object };
同时,jQuery内部保留旧的window.$和window.jQuery对象的引用。当我们调用:
var $jq = $.noConflict();
window.$被恢复,但window.jQuery仍是jQuery。
当我们调用:
var $jq = $.noConflict(true);
window.$和window.jQuery都被恢复了,一切看起来就像jQuery从未被导入过一样,只不过可以通过变量$jq来使用jQuery。
所以,让新旧版本共存的jQuery可以这样实现:
&script src=&jquery-1.5.js&&&/script&
&script src=&jquery-1.11.js&&&/script&
// 现在window.$和window.jQuery是1.11版本:
console.log($().jquery); // =& '1.11.0'
var $jq = jQuery.noConflict(true);
// 现在window.$和window.jQuery被恢复成1.5版本:
console.log($().jquery); // =& '1.5.0'
// 可以通过$jq访问1.11版本的jQuery了
&script src=&myscript.js&&&/script&
在myscript.js中,用$jq就可以访问1.11版本的jQuery了。
至此,问题解决。
但是,引入两个版本的jQuery后,页面被搞得乱七八糟。如果有人看不懂代码,把var $jq = jQuery.noConflict(true);删掉了怎么办?或者,把导入jQuery的两行互换了位置,最后就得不到正确的jQuery版本。
最好的办法是不改动页面,直接引用我们编写的新的js文件:
&script src=&jquery-1.5.js&&&/script&
&script src=&myscript.js&&&/script&
这样一来,我们就在myscript.js内部引用最新版jQuery,而页面无论有没有jQuery,有哪个版本的jQuery,我们都不关心。
开始编写新的更好的解决方案。首先,把myscript.js的主体确定下来:
// myscript.js
(function () {
// TODO: javascript code here...
用匿名函数是个好习惯,不污染全局变量,同时杜绝外部代码访问。
下一步是直接把jQuery 1.11的代码嵌进去:
// myscript.js
(function () {
/*! jQuery v1.11.1 */
!function(a,b){&object&==typeof module&&&object&==typeof module.exports?...
if(k&&j[k]&&(e||j[k].data)||void 0!==d||&string&!=typeof b)return k||(k=...
},cur:function(){var a=Zb.propHooks[this.prop];return a&&a.get?a.get(thi...
var $ = jQuery.noConflict(true);
// TODO: javascript code here...
嵌入的当然是压缩后的代码,一共3行,然后加一句:
var $ = jQuery.noConflict(true);
注意到$是一个局部变量,在后面的代码中,可以随时引用这个$,跟页面上其他版本的jQuery全局变量$不是一个对象。
最后一步工作就是检查jQuery的协议是否允许我们把jQuery源码直接嵌入我们自己的JavaScript代码。
Make a Comment
Sign In to Make a Comment
You can sign in directly without register:
You need authorize to allow connect to your social passport for the first time.
WARNING: You are using an old browser that does not support HTML5.
Please choose a modern browser ( /
/ ) to get a good experience.