Верх страницы
Обложка к записи Делегирование tipTip
Время для прочтения: 0 мин. 3 сек.

Делегирование tipTip

tipTip — отличный плагин jQuery для показа всплывающих подсказок. Но есть в нем свой недостаток: он не работает на элементах, добавленных в DOM динамически. Попробуем исправить такое поведение.

jQuery


$(function() {
  $('body').on('mouseover', '[data-title]', function() {
    if($(this).data('hasTipTip') !== true) {
      $('[data-title]').tipTip({
        attribute: 'data-title'
        ,delay: 200
        ,fadeIn: 200
        ,fadeOut: 200
      });
      $(this).data('hasTipTip', true);
      $(this).trigger('mouseover');
    }
  });
});

Можно также использовать плагин livequery.

Ссылки

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы