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

时间: 2024-10-13 22:24:54

mootools和jquery冲突的解决的相关文章

zepto与jquery冲突的解决

问题出现的背景: 在light7框架下搭建的触屏版项目中,要拓展一个投票系统,其中投票系统有一个比较完善的上传组件,但是此组件是依赖zepto的,而原来的项目是依赖jQuery的,所以就会遇到冲突的问题: 解决方法1: jquery有一个方法叫noConflict() ,可以把jquery的$改掉. var jq=$.noConflict(); 这个时候用jq来代替jquery的$吧. 解决方法2: zepto的符号改掉 window.zp=window.Zepto = Zepto 在zepto

ECSHOP中transport.js和jquery冲突的解决方法

jQuery 和global.js 冲突 百度和google多次,根据网上的大多数建议和自己测试,解决办法如下:删除global.js 或者global.js 文件的10-13行屏蔽//Object.prototype.extend = function(object)//{// return Object.extend.apply(this, [this, object]);//}并且希望官网的人能解释下 global.js 文件的实际用处,上面的解决办法影响平台不 在html文件的最后面添加

discuz教程:discuz模板js与jQuery冲突的解决方案

今天在做discuz模板的时候,用到jquery的时候和原来主题js冲突.这个主要是Discuz X使用了$(id)作为dom节点的获取方法,而$符号刚好与jQuery的默认符号相冲突. 以下是基于之前的Discuz X和jQuery冲突的解决办法.给大家做个参考! 将jQuery的js文件jquery-1.8.0.min.js放到/static/js目录下,以下两个方法共用此文件,如不是放在该目录下,后面的代码请对应修改. 解决方法1: 修改/template/default/common/h

jQuery与其它库冲突的解决方法(转)

原文出处:http://www.jb51.net/article/24014.htm 在jQuery库中,几乎所有的插件都被限制在它的命名空间里.全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突. (注意:默认情况下,jQuery用$作为自身的缩写而以) 如果jQuery类库和别的类库冲突的话,可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的javaScipt库.看下面小片断代码 <scri

关于Discuz与jQuery冲突问题的亲测解决方法

最近的一个项目整合dede和discuz程序,客户要求风格统一,所以有很多样式及特效都是要公用的.其中jQuery库定义的函数$()正好与discuz的comme.js中函数一样,这样就冲突了,导致discuz论坛所有js效果失效.网上搜罗了一下,N多的方法,但是很多说的不明不白,我也试了很多方法,浪费了我一个晚上加一个早上,真是费时费力.不过其中一个方法倒是解决了这个冲突,所以共享出来备用,也方便大家. 其实解决方法倒是不难,难的是思路和没有一个详细的步骤,这里我就做个详细的说明.首先思路很简

ecshop transport.js 和 jquery 冲突解决办法

您提供一个简单的解决transport.js 和 jquery 方法: 在 page_header.lbi 库文件中加入如下代码,注意操作顺序: 1.先导入transport.js  文件 {insert_scripts files='transport.js,utils.js'} 2.然后导入您网站使用的jquery文件 <script language="javascript" src="您的jquery存放路径"></script> 3

如何全面解决ECSHOP的jquery冲突

主要就是Ecshop的AJAX传输类,transport.js中重写了object的对象原型,从而导致了与jq框架的冲突. 解决: 1. 删除transport.js中587行 - 636行中关于object.prototype.toJSONString的定义 2. 自定义一个方法用于object对象的json序列化 如下 function obj2str(o) { //开始 var r = []; if(typeof o =="string") return "\"

ecshop jquery 冲突解决方法

1.在 transport.js 文件最后添加下面代码 /* * * 修正json.prototype信息 */ function obj2str(o){ // 兼容 jquery // 先删除 ecshop 的 跟jquery 冲突对象 //delete Object.prototype.toJSONString; var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"

ecshop jquery冲突 终极解决方案。亲测生效。

解决jquery兼容的完美解决方案: ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的. 但恰恰的,在封装JSON各种方法的同时对object的模型进行了重写,这个就跟jQuery冲突了.因为众所周知的,jQuery对各种JavaScript对象进行了扩展. 这一切其实都很容易理解,各有各的理由十分自然,但头痛和无奈的就变得在我们这些使用者身上了.在ECShop论坛上原来也有很多朋友提出了这个问题,也提