Делегирование 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.

Ссылки

Источник: https://www.kobzarev.com/jquery/tiptip-delegate/

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

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

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

%d такие блоггеры, как: