Базовые рекомендации установки JQuery на сайте

Автор:
Nurlan Kemelbekov

В этой заметке представлены базовые рекомендации установки JQuery на сайте для тех, кто мало знакомом с Javascript или JQuery.

Шаг 1: Настройка сайта.
Нам понадобится библиотека JQuery. Мы могли бы использовать ссылку на онлайн-библиотеки, но сейчас мы будем загружать и настраивать нашу собственную копию, а не полагаться на внешний сайт.

Перейдите на сайт JQuery (http://jquery.com/download/), выберите «уменьшенную» версию библиотеки и перейдите по ссылке, чтобы загрузить с сайта Google Code. Это компактная версия и подходит для большинства потребностей.

Создайте новую папку под названием «scripts» в директории темы сайта и поместить файл jquery.js там. Теперь мы должны ссылаться на JQuery так, чтобы WordPress знал, где искать файл jquery.js. Поместите следующий код между head тегами файла header.php.

<code><script type=”text/javascript” src=”scripts/jquery.js”></script></code>

Эта линия просто ссылается на файл JS

Шаг 2: Добавление кода.

Ниже предыдущей линии добавьте следующее:

<script type="text/javascript">
$(document).ready(function() {
});
</script>

В основном это ждет, пока страница будет готова, прежде чем делать то, что находится между фигурными скобками ( {} ). Для примера обновить его следующим образом:

<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
alert("maks-1.com приветствует вас!");
});
});
</script>

Теперь у нас есть функция, которая говорит, когда  нажата ссылка «а», активируйте функцию всплывающее окно (уведомление) с сообщением «maks-1.com приветствует вас!».

Теперь все, что нужно, это добавить ссылку на страницу между тегами body:

<a href="">Link</a>

Нажатие на эту ссылку активирует всплывающее окно.

При редактировании, внесении изменений в шаблоны сайта рекомендую использовать такие инструменты, как
бесплатный редактор — Codelobster PHP Edition, Notepad++.



Вам также может понравиться:


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

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

* Copy This Password *

* Type Or Paste Password Here *

9 + девятнадцать =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!