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

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JS и HTML. С её помощью пользователь может легко получить доступ к любому элементу DOM и обращаться к их содержимому. Существует уйма полезных решений для сайтов с использованием этой системы, ровно, как связанных с ней вопросов — на один из них мы ответим в рамках данной статье.

Проблема: различные скрипты, взаимодействующие с 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) В первую очередь нам нужно снять привязку к переменной $ после нужно версии библиотеки:

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, которая указана в первом участке — несложная «петрушка» прекрасно работает на практике.

Оцените статью
SEO
Добавить комментарий

Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности