jQuery解决引用多个JavaScript库引起的$命名冲突的问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery解决引用多个JavaScript库引起的$命名冲突的问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含953字,纯文字阅读大概需要2分钟。
内容图文
在某些情况下,我们可能会在一个页面中使用多个JavaScript库,由于多个库中都是用$标识符,因此我们需要一种解决该命名冲突的方法,jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。
参考示例如下:
< script src="prototype.js"></script><!-- 引用的库1 --> < script src="jquery.js"></script> <!-- 引用的库2 --> < script > jQuery.noConflict(); /* jQuery释放对$的控制权 */ </ script > < script src="myscript.js"></script> <!-- 自己写的js代码,此时的$标识符是库prototype.js中的引用 --> |
如表格中的代码所示,我们首先引用了prototype.js库,然后又引用了jquery.js库,在这个时候jQuery库拥有着对$标识符的控制权限。调用noConflict()方法,此时jQuery释放了对$标识符的控制权限,转让给了prototype.js使用。
jQuery释放了对$标识符的使用权限,所以后面所有jQuery用到$的地方都要用jQuery替代,比如$(document).ready(function(){}),需要写成jQuery(document).ready(function(){})。当然爱在ready函数内部,我们还有一种方法可以重新让jQuery使用$标识符-使用回调函数,但也只是仅局限于ready函数内部。方法:jQuery(document).ready(function($){//在这里可以正常使用$标识符})。
版权声明:本文为博主原创文章,未经博主允许不得转载。
原文:http://blog.csdn.net/yanglun1/article/details/47257915
内容总结
以上是互联网集市为您收集整理的jQuery解决引用多个JavaScript库引起的$命名冲突的问题全部内容,希望文章能够帮你解决jQuery解决引用多个JavaScript库引起的$命名冲突的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。