解决部分 mootoos1.12 和 jQuery1.3.2 冲突

最新推荐文章于 2017-05-31 16:57:42 发布

ivhong

最新推荐文章于 2017-05-31 16:57:42 发布

阅读量545

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/wang350/article/details/8727478

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1.现加载jQuery, 后加载mootools
2. $ 函数冲突
因为js支持函数重载, 并且执行最后加载的同名函数, 所以调用$函数时, 是按照加载 mootools 和 jQuery 的先后顺序的方式加载调用(执行后加载的$), 但是jQuery 中 window.$ = window.jQuery, 所以, 把所有用jQuery加载dom对象时,用jQuery('#')的方式.然后在jQuery中, 把所有的 window.$ = window.jQuery 去掉, 这样window.$就是mootools中的函数了
3.elements 冲突
在mootools中 $$ 函数的作用是去掉所指定dom对象的数组. 而在jQuery中,把所有的元素都写成了 el[0] = el, 所以在调用mootools的 $$ 函数就会出错, 解放方法是在$$函数中还原回去,
把下面的函数

Elements.Multi = function(property) {
    return function() {
        var args = arguments;
        var items = [];
        var elements = true;
        for (var i = 0, j = this.length, returns; i < j; i++) {
            returns = this[i][property].apply(this[i], args);
            if ($type(returns) != 'element') elements = false;
            items.push(returns);
        };
        return (elements) ? $$.unique(items) : items;
    };
};

改成:

Elements.Multi = function(property) {
    return function() {
        var args = arguments;
        var items = [];
        var elements = true;
        for (var i = 0, j = this.length, returns; i < j; i++) {
			if( $type(this[i]) != 'element' ){
				this[i] = this[i][0];
			}
			
            returns = this[i][property].apply(this[i], args);
            if ($type(returns) != 'element') elements = false;
            items.push(returns);
        };
        return (elements) ? $$.unique(items) : items;
    };
};