解决jQuery冲突 noConflict

时间:2014-01-29所属栏目: Html+css 来源: 热度:

jQuery一个十分优秀的AJAX框架,用户能更方便地处理DOM、events、实现动画效果,方便地为网站提供Ajax交互,代码和html内容分离,不用在html里面插入一堆 javascript,只需定义id即可,跟css有点类似.

其他框架一样使用了$作为变量,如果多个这样的框架想要一起使用就可能会发生冲突,

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>

标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)