本文摘自PHP中文网,作者coldplay.xixi,侵删。
jquery中的$符号冲突的解决方法:使用【jQuery.noConflict([extreme])】方法解决,代码为【var $jq = jQuery.noConflict(true);console.log($.fn.jquery)】。
该方法适用于所有品牌电脑
jquery中的$符号冲突的解决方法:
使用jQuery.noConflict([extreme])
方法。
1 2 3 4 5 6 7 |
|
可以看到jQuery.noConflict
将变量 $
的控制权让渡给了1.5.0版本的jQuery库。而要使用1.11.0的版本则要用 $jq()
代替。
但是引入了两个版本的jQuery后,代码很乱,导致别人难以理解甚至误删了一些重要代码怎么办?
改进的方法是:
先直接引用新版的jQuery库。
1 2 |
|
把我们写的脚本myJS.js中的主体内容写在立即调用函数里头,引用的是新的版本的jQuery。
1 2 3 4 |
|
再写一个立即调用函数,把旧版本的jQuery代码嵌进去(压缩代码只有几行)。然后在里面写代码,此时变量$所引用的前面嵌进去的jQuery
1 2 3 4 5 6 7 |
|
Ps:需要检查jQuery的协议是否允许我们把jQuery源码直接嵌入我们自己的JavaScript代码
2、同一页面jQuery和其他js库冲突解决方法
①依然可以使用jQuery.noConflict将变量$的控制权让渡给其他js库。
相关阅读 >>
更多相关阅读请进入《jQuery》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者