jQuery — Конфликт при подключении двух скриптов

4 мая 2014

Сегодня небольшая заметка о jQuery.
Об одном из решений как подключить дополнительный jQuery скрипт в тему WordPress.

Понадобилось реализовать нестандартное решение для начальной странице сайта (index.php).
На странице должно было расположиться большое слайд-шоу, работающее на библиотеке jquery.min.js
Библиотека должна быть подключена в разделе <head>...</head> шаблона header.php

На первый взгляд все просто, копируем строку:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

и вставляем её до тега , но после этого даже не один, а несколько плагинов переставали работать.
Один из них отображал виджет AJAX-корзины, где отображался добавленный товар без перезагрузки страницы.
Это необходимо было исправить.

В секции <head>...</head> подключение всех необходимых скриптов осуществляет <?php wp_head() ?> и если посмотреть исходный код страницы, то увидим записи наподобие:

<script type='text/javascript' src='.../wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>

Это подключаются бибилиотеки, необходимые для полноценной работы текущей темы и дополнительных расширений.
Вообще, конфликт при подключении нескольких библиотек jQuery очень распространенное явление и об этом много написано в сети.

В нашем случае помогло решение, описанное в этой теме

А именно: подключили

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

первее, чем <?php wp_head() ?>, то есть библиотека jquery.min.js должна грузиться ранее остальных.

Все разаботало.


По той же теме:


Комментариев нет

Обязательные поля отмечены *

Добавить комментарий