аватар |

Уроки / jQuery /

Как подключить библиотеку JQuery к сайту

Первый вопрос, возникающей в начале работы с билиотекой jQuery - как подключить её к сайту? Есть два варианта: подключать с другого сайта или скачать её к себе на сервер.

Подключение JQuery к сайту


1. Первый и самый простой - используете файл с другого сайта. Для этого достаточно одной строки перед закрывающим тегом head Вашей страницы:

<head>

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

</head>

В данном коде указано подключение билиотеки с Google API. У данного способа есть и преимущества, и недостатки. Плюсом будет то, что данный тип подключения используется на многих сайтах и, допустим, если пользователь уже заходил на подобный сайт, то она библиотека у него закэширована и не требует новой загрузки. Минусом же является то, что Вы зависите от стороннего сервера - его возможные проблемы с загрузкой становятся Вашими.

2. Вы загружаете на сервер свой файл библиотеки

Последнюю версию jQuery можно скачать с главной страницы официальнго сайта: jquery.com.


Скачиваем файл. В корневой директории (папке) сервера создаём папку js (если её нет) и закачиваем файл туда. Допустим файл называется jquery-1.10.1.js. Пример подключения ниже:

<head>

<script type="text/javascript" src="/js/jquery-1.10.1.js"></script>

</head>

Строка с подключением к файлу jQuery ложна быть первой в списке подключаемых js-файлов (если у Вас имеются другие подключения js).

<head>
<script type="text/javascript" src="/js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="/js/other.js"></script>
</head>

Внимание! Желательно не менять название файла библиотека jQuery (зачастую меняют на jquery.js), так как в дальнейшем сохранение официального названия файла поможет увидеть, какую версию библиотеки Вы используете. Если же Вам всё равно нужно изменить название, то можете не беспокоиться - на работоспособности это никак не отобразится. Главное правильно указать новое название в строке с подключение в head Вашей старицы.


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

Как уже говорилось, многие популярные CMS сегодня уже поставляются с jQuery, и ВордПресс не исключение. Однако, если библиотеку не подключают плагины, то jQuery автоматически не подгрузится. Чтобы подключить данный фреймворк корректно, нужно использовать функцию wp_enqueue_script(). Поместите следующий код в файле header.php вашей темы (откройте через редактор):

Как подключить библиотеку jQuery в WordPress?


В настоящее время почти все CMS используют встроенный jQuery. Его остаётся подключить специальной командой. Не всегда плагины подключают библиотеку автоматически, поэтому некоторые блоки и модули могут не работать. Для подключения следует использовать функцию wp_enqueue_script().

Ниже приведён код, который нужно прописать в файле header.php (открыть через редактор)

wp_enqueue_script('jquery');

Данная функция должна быть размещена между тегами head ДО вызова функции wp_head(). Такой порядок сэкономит время загрузки старницы.

Как подключить библиотеку jQuery в Joomla?


Код, который надо вставить в обработчик

$document = JFactory::getDocument();
$document->addScript('http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'); // здесь неважно откуда подключение, можно и из сети.
/*  или же так  */ 
$document->addScript('http://mysite/js/.js');

В случае с шаблонной версией страницы нужно вставить код PHP

<script language="JavaScript" type="text/javascript" src="<?php echo $this->baseurl ?>/js/jquery.js"></script>


Как подключить библиотеку jQuery к другой CMS?


Достаточно подключить последнюю версию jQuery с Google API. Данное подключение располагается практически везде в файле header.php. Нужно указать следующую строку:

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


Спасибо за внимание!
 



Похожие статьи
10 июня 2013 00:05 Что такое jQuery?
23 июня 2013 22:47 Селекторы и фильтры jQuery


Комментарии к статье (vk.com)