登录  /  注册
首页 > web前端 > js教程 > 正文
如何解决Jquery库及其他库之间的$命名冲突_jquery
php中文网
发布: 2016-05-16 17:22:30
原创
847人浏览过

首先我们应该知道,在jquery中,$(美元符号)就是jquery的别名,也就是说使用$和使用jquery是一样的,在很多时候我们命名空间时,正是因为这个$而产生的冲突的发生。比如说:$('#xmlas')和JQuery('#xmlas') 虽然在写法上不同,但在实际上却是完全等同的。

要想解决这个冲突,其实最简单的方法就是使用不同的名称来命名,或者让执行代码认为是不同的命名空间即可。

一、 jQuery库在其他库之前导入,直接使用jQuery(callback)方法如:

复制代码 代码如下:










test---prototype


test---jQuery




二、jQuery库在其他库之后导入,使用jQuery.noConflict()方法将变量$的控制权让渡给其他库,有以下几种方式:

复制代码 代码如下:


代码二

复制代码 代码如下:


代码三

复制代码 代码如下:




代码四

复制代码 代码如下:


除了上面的方法之外,我们还可以采用第二种方法来解决冲突的问题,那就是最笨但最有效的解决方法:用自定义的命名空间来避免冲突。
比如说需要的项目名称为xmlas,那么我们原来的代码:

复制代码 代码如下:

$('contentArea').show()

就可以写成以下这种形式:

复制代码 代码如下:

XMLAS('contentArea').show()


3.在jquery代码中,当遇到冲突的时候我们可以使用$符号,这需要我们在ready事件中添上以下代码:

复制代码 代码如下:

jQuery(document).ready(function($) {
//你在这里可以放心的使用$了
});

当然,您也可以简写成下面的形式:

复制代码 代码如下:

jQuery(function($){
//这里为使用$的代码
});

由此,根据第一个方法来实现的完整代码如下:

复制代码 代码如下:

//jquery库与其他库冲突的完整解决办法




当然,你也可以对上面的完整代码进行一步的简化,简化代码如下:

复制代码 代码如下:

//简化后的代码
$.noConflict()(function(){
//这里是你的带$的jquery代码
});
//这里是其他库的代码

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学