Как сделать чтобы jQuery и MooTools работали и не мешали друг другу?

Question

[Bowen]

Здравствуйте! Установил на сайте(locallhost) чат, вывод сообщений и т.п написано на jQuery.
На сайте еще есть библиотека MooTools.

На странице чата, консоль выдает ошибку в коде(библиотеке) MooTools а именно на 15 строку, а она так выглядит:

x++){var z=v[x];if(e(z)=="type"){h.call(z,w,A);}else{z.call(this,w,A);}}var y=this.prototype[w];if(y==null||!y.$protected){this.prototype[w]=A;}if(this[w]==null&&e(A)=="function"){t.call(this,w,function(i){return A.apply(i,o.call(arguments,1));

Что делать не знаю, удалить библиотеку MooTools и переписать большую часть его кода, под jQuery или переписать часть кода от Чата. Но я даже не понимаю что мешает друг другу.

js код чата, Тут так как, он не маленький.
jQuery.noConflict(); - не помог, все равно выдает ошибку, значит дело в коде чата.
Буду признателен за помощь, советы.

Answer 1

[Алексей Павлов]

Где вы вызываете jQuery.noConflict()? попробуйте вызвать после загрузки jQuery, но до загрузки MooTools.
Если отключить jQuery, то скрипты на MooTools работают нормально?

Comments

[Bowen]

jQuery.noConflict() подключал и так и так, все равно не работает.
При отключении jQuery, все что было написано на MooTools работает.

[Алексей Павлов]

другие версии jQuery пробовали?

[Алексей Павлов]

можно быстро подключить разные версии с cdn гугла:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

[Bowen]

Тоже не помогает.

[Алексей Павлов]

У вас чат (код которого вы по ссылке привели) написаны на jQuery, так? А когда вы включаете noConflict вы заменяете $ на jQuery?
Когда включается режим noConflict, то в переменной $ находится не jQuery, а MooTools (в вашем случае).
Приведите текст ошибки, который выводится.

[Bowen]

Да, конечно я менял. Консоль пишет: Uncaught TypeError: undefined is not a function - mootools.js строка 15

[Алексей Павлов]

вот выше @MaxKorz советует - поставьте dev-версию (не минимизированную), и сообщение об ошибке будет более информативным.
Какая версия MooTools у вас стоит? Пробовали другую версию? У них на сайте есть with compatibility и without compatibility. Я сам MooTools не использовал, не знаю внутреннюю кухню...

[Алексей Павлов]

не минимизированная версия, похоже, лежит тут:
https://github.com/mootools/mootools-core/blob/mas...

[Bowen]

Версия: 1.4.5. Я тоже никогда не пользовался. Вообще все остальные скрипты(плагины) работают и никто никому не мешает. Да и чат работает(так сказать) но с ошибками, багов не мало и много других проблем. @lexxpavlov , сейчас попробую эту версию, скажу что и как.

[Bowen]

Не работает, та же ошибка, а именно не вся строка а лишь: return method.apply(item, slice.call(arguments, 1));

[Алексей Павлов]

какая строка в исходнике мутулза?
Вы попробовали подключить MooTools Core 1.5.0 with compatibility (for 1.2+)?

[Bowen]

да в коде MooTools, и нет еще не пробовал, сейчас попробую сообщу.

[Bowen]

Тоже самое, на странице с чатом консоль жалуется на return method.apply(item, slice.call(arguments, 1));

[Bowen]

Я бы уже начала переписать код (функции от mootools) под Jquery, но не хватает знаний чтобы полностью переписать + их не мало.

[Алексей Павлов]

приведите номер строки из исходников вызывает ошибку.

[Алексей Павлов]

>Я бы уже начала переписать код (функции от mootools) под Jquery, но не хватает знаний чтобы полностью переписать + их не мало.
Кстати, это было бы лучшим решением, даже не потому что не получается исправить ошибку, а потому что нехорошо на одном сайте использовать параллельно два таких монстра, как jQuery и Mooools. Многие вообще отказываются от них и используют либо только нативный код, либо микробиблиотеки.

[Bowen]

Тоже так думаю, но и тут не легко, именно мне как я уже написал выше.

[Алексей Павлов]

странно, конечно. Я нашёл в исходнике мутулза эту строку:

if (this[name] == null && typeOf(method) == 'function') 
    extend.call(this, name, function(item){
		return method.apply(item, slice.call(arguments, 1)); // здесь ошибка
	});

Получается, ошибка в том, что method не является функцией, но она привязывается только если typeOf(method) == 'function', значит, должно быть функцией. Непонятно, надо дебажить.

[Bowen]

У меня так:

if (this[w] == null && e(A) == "function") {
            t.call(this, w, function(i) {
                return A.apply(i, o.call(arguments, 1));
            });
}

или это одно и тоже?). Что на счет (дебажить) я не знаю как. Для меня это тоже самое что искать иголку в стоге сена.

[Алексей Павлов]

у вас - минимизированный код того же метода. Я же говорил взять не минимизированный.
Как дебажить - нужно скачать себе не минимизированный, подключить его к странице (вместо того, который у вас сейчас подключен), и вносить в него дополнительные команды, которые помогут выяснить, в чём дело.
Например, первым делом я бы добавил вывод в консоль, что же находится в method на самом деле. Для этого нужно добавить новую строчку в исходник MooTools:

if (this[name] == null && typeOf(method) == 'function') 
    extend.call(this, name, function(item){
		console.log("method", method); // добавить эту строчку
		return method.apply(item, slice.call(arguments, 1));
	});

[Bowen]

Выдает много чего, вот кусок:

method function (){
		var array = [];
		for (var i = 0, l = this.length; i < l; i++){
			var type = typeOf(this[i]);
			if (type == 'null') continue;
			array = array.concat((type == 'array' || type == 'collection' || type == 'arguments' || instanceOf(this[i], Array)) ? Array.flatten(this[i]) : this[i]);
		}
		return array;
	} common.js:220
method function (){
		return this.ownerDocument;
	} common.js:220
method function (){
		var array = [];
		for (var i = 0, l = this.length; i < l; i++){
			var type = typeOf(this[i]);
			if (type == 'null') continue;
			array = array.concat((type == 'array' || type == 'collection' || type == 'arguments' || instanceOf(this[i], Array)) ? Array.flatten(this[i]) : this[i]);
		}
		return array;
	} common.js:220
method function (){
		var array = [];
		for (var i = 0, l = this.length; i < l; i++){
			var type = typeOf(this[i]);
			if (type == 'null') continue;
			array = array.concat((type == 'array' || type == 'collection' || type == 'arguments' || instanceOf(this[i], Array)) ? Array.flatten(this[i]) : this[i]);
		}
		return array;
	} common.js:220
method function (){
		return this.ownerDocument;
	}

[Алексей Павлов]

во всех случаях выдаёт method function ...., или есть строчки, когда после method стоит не function?

[Bowen]

Нет, всегда стоит function

[Bowen]

Строки повторяются и повторяются вниз идут. Есть и просто такие method function forEach() { [native code] }

[Алексей Павлов]

а прямо перед появлением ошибки?

[Bowen]

И после еще тоже method function forEach() { [native code] }

[Алексей Павлов]

попробуйте изменить console.log на следующую строчку:

console.log("method", "typeof="+(typeof(method)), "typeOf="+typeOf(method));

и укажите, какое сообщение в логе прямо перед сообщением об ошибке
P.S. Может, будет удобнее пойти в скайп?..

[Bowen]

Skype: maximus5999