Основные фильтры jQuery

Дата публикации:Февраль 10, 2011
Основные фильтры jQuery

Поскольку мы будем вести работу с WordPress, нам понадобятся удобные фильтры :not() и :header. Фильтр :header позволяет выбрать все заголовки, вне зависимости от их уровня (h1, h2, и т.д.). Попробуйте добавить в созданный файл custom-jquery.js следующий код (не волнуйтесь о части .css()…, мы вернемся к ней позже. Я использую ее только для того, чтобы проиллюстрировать действие фильтров): На рисунке вы можете заметить действие данного фильтра. Все заголовки получили соответствующее представление…

Читать далее...

Как отфильтровать выбранный набор элементов

Дата публикации:Февраль 10, 2011
Как отфильтровать выбранный набор элементов

Возможно, на первоначальном этапе вам будет достаточно стандартного набора стилевых CSS селекторов. Однако мы не будем долго останавливаться на них, и пойдем дальше. Фильтры — еще один важный и полезный инструмент, позволяющий сузить круг выборки. Опять же, возвращаясь к темам WordPress, с фильтрами вы можете выполнять различные действия над элементами: выбирать их по названиям, идентификаторам и атрибутам, без необходимости ручного редактирования кода. С помощью jQuery можно легко и быстро изменить…

Читать далее...

Работа с селекторами jQuery

Дата публикации:Февраль 10, 2011
Работа с селекторами jQuery

В данной статье мы познакомимся с работой селекторов и фильтров. Для иллюстрации выборки элементов я буду использовать функцию css(). Мы изучим эту функцию подробнее в следующих разделах. Сейчас же нашей задачей будет понять функционирование селекторов и фильтров. Если вы работали когда-либо с CSS, то вы с легкостью сможете понять механизм работы селекторов в jQuery. Выборка необходимого набора элементов объявляется в самом начале основной функции jQuery: Выборка на базе синтаксиса CSS…

Читать далее...

Применение селекторов и фильтров jQuery

Дата публикации:Февраль 9, 2011
Применение селекторов и фильтров jQuery

Самое время приступить к изучению jQuery. Для того чтобы у вас не возникло никаких вопросов, мы начнем изучение jQuery с азов и закончим более сложными вопросами. Процесс обучения может быть условно разбит на следующие пункты: Работа с селекторами и фильтрами Управление контентом и стилевыми правилами CSS Работа с событиями и эффектами Первый пункт списка — «Работа с селекторами и фильтрами» — очень важен для глубокого понимания jQuery. Селекторы и фильтры…

Читать далее...

Готовим WordPress и jQuery к работе

Дата публикации:Февраль 9, 2011
Готовим WordPress и jQuery к работе

Мы получили достаточно информации для того, чтобы начать свою работу с jQuery. Большинство примеров, представленных далее, будут базироваться на версии WordPress 3.0 и теме «Twenty Ten» (которая, к слову говоря, используется и в моем блоге). Twenty Ten является полностью HTML5 валидной, чистой темой. Все скрипты, приведенные в данном разделе, были изначально записаны и протестированы на версиях WordPress 2.8.6 и 2.9.2, и затем уже портированы в WordPress 3.0. Регистрация библиотеки jQuery…

Читать далее...

Запуск jQuery-скрипта

Дата публикации:Февраль 9, 2011
Запуск jQuery-скрипта

Чаще всего запуск сценария должен осуществляться после того, как будет загружено дерево DOM. Дождаться полной загрузки DOM позволяет следующая техника: Или, что равнозначно:

Читать далее...

Обход конфликтных ситуаций, связанных с подключением jQuery

Дата публикации:Февраль 9, 2011
Обход конфликтных ситуаций, связанных с подключением jQuery

Для того чтобы избежать конфликтных ситуаций, связанных с использованием короткой переменной $, необходимо ориентироваться на синтаксис noConflict режима. Функция wp_enqueue_script гарантирует загрузку jQuery в режиме noConflict. Во избежание конфликтов достаточно заменить переменную $ полной перемнной jQuery. Установка собственной переменной jQuery Если вы считаете переменную jQuery слишком длинной для написания, вы всегда можете заменить стандартную переменную $ на любую другую, оставаясь при этом в границах режима noConflict: Способ безопасного использования переменной…

Читать далее...

Использование Google CDN

Дата публикации:Февраль 8, 2011
Использование Google CDN

В некоторых случаях регистрация библиотеки jQuery и привязка ее копии к WordPress оказываются неприемлимыми для разработчика. Решением возникшей проблемы выступает загрузка jQuery из Google CDN (Code Distribution Network). CDN позволяет сохранить пропускную способность канала, вследствие чего сайт получает возможность производить параллельную обработку данных во время загрузки дополнительных скриптов. Вдобавок ко всему, разработчик всегда может получить из CDN самую последнюю версию jQuery. Среди других преимуществ Google CDN стоит отметить быструю загрузку…

Читать далее...

WordPress 3.0.5

Дата публикации:Февраль 8, 2011
WordPress 3.0.5

Новая версия WordPress — 3.0.5 — стала доступна для скачивания на официальном сайте. Она включила в себя различные усовершенствования, касающиеся в первую очередь защиты и безопасности использования WordPress. Обновление рекомендовано к обязательной установке. Релиз позволяет решить несколько проблем с безопасностью и несет в себе два дополнительных улучшения. Список нововведений: Исправлена ошибка, позволяющая пользователям с уровнем Contributor или Author получать доступ к управлению сайтом. Исправлена ошибка, позволяющая пользователям с уровнем Author…

Читать далее...

Связываем jQuery с WordPress

Дата публикации:Февраль 6, 2011
Связываем jQuery с WordPress

Начиная с WordPress 2.7, многие библиотеки Javascript, в том числе и jQuery, стали по-новому подключаться к теме: через Script API, посредством удобной функции wp_enqueue_script. Регистрация jQuery в WP-темах Вы можете активировать jQuery в WordPress двумя различными способами. Первый из них основывается на размещении приведенного ниже кода в файле header.php перед закрывающим тегом </head>. Альтернативный вариант: зарегистрировать wp_enqueue_script в файле functions.php. Если ваша тема не имеет functions.php, достаточно создать такой файл…

Читать далее...