Меню Рубрики

Проверка и установка библиотеки jQuery

jQueryПосле подключения библиотеки jQuery возникает ряд проблем, которые портят впечатление от пользования. Например, некоторые плагины использующие jQuery перестают работать. Налицо несовместимость библиотеки с очередной версией плагина. Или наоборот – версии библиотеки с плагином. Кстати данная проблема весьма распространена. Скрипт «красивостей» работающий с одной версией библиотеки никак не проявляет себя при установке другой версии jQuery. Да и проблемы с отражением сайта в некоторых браузерах….

Данные «прелести» иногда ставят под сомнение использование библиотеки jQuery для новичка. Как говорят бывалые вебмастеры: «Если всё работает, то лучше не трогать». Если вам всё же приспичило подключить библиотеку jQuery к блогу, рекомендую сделать резервную копию БД

Подключение библиотеки jQuery

 

Я хочу рассказать обо всех известных мне способах подключения jQuery. Начнём от простого к сложному. Первый способ позволяет подключить библиотеку jQuery буквально за три минуты. Данный способ используют большинство вебмастеров, так как он имеет ряд преимуществ. Библиотека загружается непосредственно со стороннего ресурса, поэтому нагрузка на сайт минимальна. Для подключения вставьте в header.php вашей темы, до тега </head> код:

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

Библиотека jQuery подключена к сайту!

Вариант два более трудоёмкий. Он предполагает скачивание последней версии библиотеки с официального сайта. После этого нужно будет закачать библиотеку на свой хост. Для скачивания перейдите сюда.

Нам нужна сжатая версия, так как она занимает меньше всего места. Нажмите на надпись: «Download the compressed, production jQuery».

Библиотека jQuery

Вариант «jQuery 2.X» не подходит, так как он не работает с некоторыми браузерами.

После скачивания, загружаем библиотеку в папку с названием JS . Обычно таких папок две. Одна находиться в wp-includes, вторая в wp-admin. Однако при загрузке библиотеки в wp-includes она у меня отказывалась работать.

Дальше действуем как в первом варианте. Заходим Внешний вид =>Редактор => header.php . Перед закрывающимся тегом </head> вставляем код:

<script src=» Ваш путь к файлу библиотеки »  type=»text/javascript»></script>

Библиотека jQuery подключена!

Прошу обратить внимание на цифры в конце кода: «1.11.2». Они обозначают версию устанавливаемой библиотеки. На момент выхода статьи «1.11.2» самая свежая. Однако как я уже говорил выше, «самая свежая версия» может вступить в конфликт с плагинами. Элементы сайта могут не отражаться, или отражаться некорректно. Поэтому ищите именно вам подходящую версию библиотеки jQuery. Для подключения другой версии необязательно переписывать код целиком. Достаточно изменить цифры версии. Например, заменив «1.11.2» на «1.7.0» и т.д.

Проверка работоспособности jQuery

 

Библиотеку jQuery мало правильно установить. Необходимо проверить её работоспособность. Для этого открываем любую страницу в режиме редактирования. Именно страницу, а не запись! Выбираем вкладку «Текст» — «Без визуального редактора». В любое место на странице вставляем небольшой скрипт:

<script> $(function() {

alert (‘jQuery подключен и весело работает!’);

}); </script>

Если всё подключено правильно, появиться всплывающее окно сообщающее об этом.

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

   С уважением, Роман Рей

Комментарии

  • Через wp_enqueue_script в functions.php темы можно вписать условие, при котором определёная версия будет работать для страниц или записей с определённым id и не вступать в конфликт с той что у вас на сайте.

    Ответить
    • Спасибо! Про этот вариант не знал. Нужно будет протестировать.

      Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *