Конфликт jQuery

13 Фев 2011, рубрика: Баги, фиксы |

Я думаю, каждый кто работал с jQuery рано или поздно встречается с проблемой: когда нужно совместно с jQuery использовать сторонние библиотеки (Mootools, Prototype и др.), или даже скрипты, возникает конфликт. Про этот конфликт jQuery я и напишу в этом посте.

Недавно, на одном из моих сайтов, возникла необходимость поставить меню в стиле аккордеона. На сайте уже использовался jQuery, он нужен был для работы скрипта “карусели” (прокрутка слайдов). В итоге, после установки меню, все перестало работать. Долго я искал в чем проблема, но в итоге узнал, что существует такая лажа, как конфликт jQuery. В этом посте я расскажу что это такое и как его убрать =).

Суть конфликта.

Вся работа с jQuery ведётся с помощью функции $. Но некоторые библиотеки тоже используют $ для своих нужд. В этом и конфликт.

Решение.

Первый способ: Для решения конфликта разработчики рекомендуют функцию jQuery.noConflict.

jQuery.noConflict();
// делаем что-то с jQuery
jQuery("div p").hide();
// делаем что-то с $ других библиотек()
$("content").style.display = 'none';

При этом функция noConflict должна вызываться ПОСЛЕ подключения jQuery и ДО подключения другой библиотеки.

Второй способ: заменяем в конфликтующей библиотеке все “$” на “jQuery”.
Например:

$(".carousel").jCarouselLite({…

На

jQuery(".carousel").jCarouselLite({

Это делается за мгновение благодаря функция поиска и замены в любом текстовом редакторе.




Оцените полезность!
Не полезноПолезно (+13 баллов, 17 оценок)

3 комментария на «Конфликт jQuery»

  1. P.S. История одного манимейкера пишет:

    [...] блог становился более полезней (пруф, пруф2, пруф3), правда начал отклоняться от тематики [...]

  2. Анатолий пишет:

    Не сработал ни один способ

  3. Андрей пишет:

    Куда это все тыкать? Везде одно и тоже. В какой фал его нужно вставлять

    jQuery.noConflict ();

    // делаем что-то с jQuery

    jQuery («div p»).hide ();

    // делаем что-то с $ других библиотек()$(«content»).style.display = 'none';

Ваш отзыв

.Все права защищены © 2017 Блог Полезного.