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就可以了。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。