mootools和jquery冲突的解决

mootools-jquery

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

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

 

<HTML>
    <HEAD>
        <SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="MOOTOOLS.JS"></SCRIPT>
        <SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JQUERY.JS"></SCRIPT>
        <SCRIPT>
                JQUERY.NOCONFLICT();  // 重点是这句。
                //JQUERY,关键就在于此，把$改成JQUERY就行。
                JQUERY(DOCUMENT).READY(FUNCTION(){
                    JQUERY("DIV").HIDE();
                });

                //MOOTOOLS
                $("TEST").STYLE.DISPLAY = 'NONE';
        </SCRIPT>
    </HEAD>
</HTML>

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

posted on 2014-12-31 09:13  walter371  阅读(565)  评论(0)  编辑  收藏  举报

导航