解决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框架中的$.
方法2:函数内使用$,以下两种方式都可行。
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>
相关文章推荐
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- jquery插件冲突(jquery.noconflict)解决方法分享
- jQuery.noConflict() 方法—— jquery库与其他库冲突的问题解决
- 解决jQuery引入多个库的冲突问题 jQuery.noConflict( [removeAll ] )
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- jquery插件冲突(jquery.noconflict)解决方法分享
- jQuery中noConflict()机制的冲突解决方法
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- 解决jquery在多插件中$冲突问题---jQuery.noConflict()方法
- jQuery.noConflict() 解决冲突 原理深入
- jquery库与其他库冲突的问题解决-jquery.noConflict()
- 关于Jquery的noConflict()方法,解决Jquery库与其他库冲突问题
- 用jQuery.noConflict()防止$的冲突
- 用jQuery.noConflict()防止$的冲突
- jQuery的命名冲突noConflict()和DOM加载完毕事件
- jQuery.noConflict()防冲突机制
- jQuery 中的防冲突(noConflict)机制
- jQuery 核心 - noConflict() 方法[避免冲突的方法]
- jQuery库(noConflict)冲突解决机制
- jQuery noConflict() 方法----与其他javaScript插件冲突时