Как использовать две и более библиотек jQuery на сайте?

jQuery – это библиотека JavaScript, которая помогает максимально просто получить доступ к любому элементу DOM. Только на нашем сайте в специальном разделе и не только реализована уйма интересных решений для ваших сайтов с использованием этой библиотеки.

Как и любая другая библиотека или плагин, jQuery имеет не одну свою редакцию, которые, в свою очередь, имеют значительные изменения между собой.

В Интернете существует большое количество скриптов, которые используют ту или иную версию библиотеки jQuery, и при использовании их может потребоваться подключение не одной версии jQuery для корректной работоспособности.

Казалось бы, простое подключение необходимых библиотек в нужном порядке должно решить возникшие проблемы в использовании желаемых скриптов, но (как это было у меня) увы, нет.

Для отдельного святого скрипта нужна своя версия jQuery. Сегодня, я покажу вам простой вариант того, как на определенном скрипте использовать нужную версию библиотеки.

Предположим, что вы подключили к вашему сайту jQuery следующих версий:

<script src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script src="http://code.jquery.com/jquery-2.1.1.js"></script>

и некий ваш скрипт необходимо выполнить с более старой библиотекой, в нашем случае – на версии 1.4.2.

Что мы делаем?

1. Сразу после необходимой нам версии jQuery мы снимаем привязку с переменной $:

var need_old_jquery = jQuery.noConflict();

Полный код получается таким:

<script src="http://code.jquery.com/jquery-1.4.2.js"></script>

<script>

	var need_old_jquery = jQuery.noConflict();
	
</script>

<script src="http://code.jquery.com/jquery-2.1.1.js"></script>

2. И дальше весь ваш скрипт вы оборачиваете в эту конструкцию:

<script>

	(function($) {
		
		// Ваш скрипт
		
	})(need_old_jquery);
	
</script>

Таким образом, указанный в этом участке ваш код будет использовать указанную в первом шаге версию jQuery.