首页 > 编程语言 > 详细

jQuery解决引用多个JavaScript库引起的$命名冲突的问题

时间:2015-08-03 16:52:31      阅读:286      评论:0      收藏:0      [点我收藏+]

        在某些情况下,我们可能会在一个页面中使用多个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($){//在这里可以正常使用$标识符})。

版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery解决引用多个JavaScript库引起的$命名冲突的问题

原文:http://blog.csdn.net/yanglun1/article/details/47257915

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!