MOOTOOLS和JQUERY如何同时存在,解决冲突

mootools-jquery

今天在做EcStore前台的做效果时,由于Jquery的插件比较多,于是就使用了Jquery的插件,但是发现会引起Mootools的冲突。

于是猛找资料,终于找到了,现提供解决方案给大家一起学习学习:

 1 <HTML>
 2     <HEAD>
 3         <SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="MOOTOOLS.JS"></SCRIPT>
 4         <SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JQUERY.JS"></SCRIPT>
 5         <SCRIPT>
 6                 JQUERY.NOCONFLICT();  // 重点是这句。
 7                 //JQUERY,关键就在于此,把$改成JQUERY就行。
 8                 JQUERY(DOCUMENT).READY(FUNCTION(){
 9                     JQUERY("DIV").HIDE();
10                 });
11 
12                 //MOOTOOLS
13                 $("TEST").STYLE.DISPLAY = 'NONE';
14         </SCRIPT>
15     </HEAD>
16 </HTML>

其实也非常简单。重点是 jQuery.noConflict();这句话。然后把$改成jQuery就可以了。

posted @ 2014-11-05 16:41  cheungkaming  阅读(276)  评论(0编辑  收藏  举报