您的位置:首页 > Web前端 > JQuery

解决jQuery冲突 noConflict

2013-07-15 20:10 411 查看
jQuery一个十分优秀的AJAX框架,write less, do more,用户能更方便地处理DOM、events、实现动画效果,方便地为网站提供Ajax交互,代码和html内容分离,不用在html里面插入一堆javascript,只需定义id即可,跟css有点类似 jQuery.noConflict 其他框架一样使用了$作为变量,如果多个这样的框架想要一起使用就可能会发生冲突, jQuery有一些方法可以避免与其它框架的冲突: 方法1:使用独有的命名空间jQuery,变量jQuery等效于jQuery框架中的$.

jQuery(document).ready(function(){    //do something
});
var $j=jQuery;
$j(document).ready(function(){    //do something
});


方法2:函数内使用$,以下两种方式都可行。

function($){   alert($);
}(jQuery);

jQuery(function($){    alert($);
})
注意,如果在head中,jquery的js库定义在其他库之后,则需要调用其noConflict方法。
<script type=”text/javascript” src=”mootools.js”></script>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
alert($);//$ in jQuery
jQuery.noConflict();
//or $j=jQuery.noConflict();
alert($);//$ in Mootools
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: