设为首页 加入收藏

TOP

jQuery中为防止库冲突命名的办法
2014-11-24 14:51:42 来源: 作者: 【 】 浏览:41
Tags:jQuery 防止 冲突 命名 办法

在jQuery中,如果也同时引入了其他js库,而其他库也用了$符号的话,则会产生冲突,
为了防止这种情况的发生,可以使用noconflict进行避免,代码如下:


<script type="text/java script" src="otherLib.js">


<script type="text/java script" src="jquery.js">


<script type="text/java script">


$.noConflict();


// 使用其他js库的代码


同时,也可以自定义自己的命名项目命名空间,比如项目为abc,可以这样:
ABC('contentArea').show(),而不是只使用$('contentArea').show()
当然,也有方法可以继续在jquery代码中,在冲突的时候使用$符号,可以在
ready事件中继续写:
jQuery(document).ready(function($) {


// 这里继续写$符号的代码.


});


也可以简写为:
jQuery(function($){


//...............
});


总的写法如下,当跟其他库一起用的时候:
<script type="text/java script" src="otherLib.js">


<script type="text/java script" src="jquery.js">


<script type="text/java script">


$.noConflict();


jQuery(function($) {


// jQuery code with $.


});


// 其他js库代码.



也可以再简单点:
$.noConflict()(function(){


// jQuery code


});


// 其他js库代码.


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Struts2中常用常量 下一篇介绍HTML 5的datalist

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: