Блог Интернет Технологий

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

Например, .click () — это событие, прикрепленное к селектору. И так же вызывает функцию.

Вот только .click () начнет выполнение только при клике, а триггер выполнится и будет ждать только своего запуска определенным событием. Например, тем же click.

Для работы с тригеррами в jQuery имеются следующие функции:

• .bind ( eventType, {eventData}, handler (eventObject) ) — добавляет обработчик событий;
• .one ( eventType, {eventData}, handler (eventObject) ) — добавляет обработчик событий, который сработает лишь раз;
• .unbind ( eventType, handler (eventObject) ) — удаляет все обработчики событий с элемента;
• .trigger ( eventType, [extraParameters] ) — вызывает обработчики событий;
• .triggerHandler ( eventType, [extraParameters] ) — вызывает обработчики событий, без вызова события браузера.

Я уже подымал эту тему: Табы при помощи jQuery — все просто.
Видимо, моих знаний на тот момент не хватало, чтобы сделать достойный пример.

В этой статье я собрал все пожелания для усовершенствования табов, а именно:

• Возможность использования скрипта больше, чем один раз
• Объясню сам механизм работы скрипта
• Теперь исчезают только нужные нам блоки
• При первой загрузке страницы и если элемент уже активен, эффект не срабатывает
• Про что забыл?

Когда только начинаешь использовать jQuery, любой скажет, что jQuery замечателен своими эффектами. Такие как slideDown () и fadeIn () делают жизнь лучше. Если разбираться глубже с jQuery, то наверняка вы узнаете о animate (). Этот метод прост в использовании и одновременно очень крут.

Если посмотреть на исходники jQuery, можно увидеть, что все методы — частные случаи использования функции animate ().

Искал я недавно универсальный jQuery скрипт tooltip с гибкими настройками. Я не смог найти подходящего. Можно было конечно редактировать готовые, но я решил сделать свой скрипт.

Скрипт нужно только подключить на страницу где уже подключен jQuery и все.

На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.

Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.

Сейчас я покажу вам три варианта реализации, и вы уже будете выбирать для себя наиболее подходящий.

Задача.

Сверстать табы. Расположение и цвета показаны на картинке:

Нужно, чтобы секциям (li) в блоке «.tabNavigation» присваивался класс при клике, который будет изменять цвет фона. Содержимое «.tabs-cont» будет плавно изменять свою прозрачность от hide до 1.0. Плюс, все оформление изменяется в css, html и javascript код на это не должен влиять.

В предыдущей статье мы узнали о том, как пользоваться объектами. Теперь мы разберем некоторые эффекты, которые дает нам jQuery.