@sergeyzotoff +7 (960) 065-01-01 sergeyzotoff@gmail.com Sergey Zotoff
jQuery — Конфликт при подключении двух скриптов
Сегодня небольшая заметка о 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 должна грузиться ранее остальных.
Все разаботало.
* - обязательные поля
2 комментария