Jquery与MooTools以及Prototype、Dojo、YUI等框架之间共享冲突的解决办法

  • 内容
  • 评论
  • 相关

最近给客户做网站的时候,经常遇到Jquery与MooTools这些框架发生冲突,借用伟大的互联网帮我解决了这些问题。特转过来备用,也希望能留给有用的人。

NO.1

[code lang="js"]
<script src="Mootools.js"></script>
<script src="jquery.js"></script>
<script>
  jQuery.noConflict();//释放jquery中$定义,并直接使用jQuery代替平时的$
  jQuery(document).ready(function(){
     jQuery("#test").hide();
  });
  $('sortid').style.display = 'none';//此处中的$为原Mootools中的$,使用方法不变
</script>
[/code]

 

NO.2

[code leng="js"] 
<script src="Mootools.js"></script>
<script src="jquery.js"></script>
<script>
  jQuery.noConflict();  
  //将你使用的jquery代码放到document ready方中
  jQuery(document).ready(function($){
    // 此处为jQuery的$定义
    $("#test").hide();
      });  
  //此处为Mootools的定义
    $('sortid').style.display = 'none';
</script>
[/code]

NO.3

[code leng="js"]
<script src="Mootools.js"></script>
<script src="jquery.js"></script>
<script> var $j = jQuery.noConflict();//以$j来替代jQuery中的$,同时区分mootools
$j(document).ready(function(){
$j("#test").hide();
});
$('Sortid').style.display = 'none';  //原mootools中的$照旧使用
</script>
[/code]

评论

1条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

click to change 看不清?点击换一张!