Блог

Ситуация: У меня есть div с прикрепленным к нему наконечником, и внутри DIV есть выделенные области с их собственными подсказками. Все они используются click в качестве триггеров.

Идеальное поведение: Когда я нажимаю на выделенный элемент, должен отображаться только Типпи.

Текущее поведение: Обе подсказки отображаются одновременно.

Я могу поймать щелчок с помощью OnTrigger, используя event.target . Однако return false или instance.hide() не мешайте ему проявляться. Есть ли способ, которым я могу это сделать onTrigger ?

 tippy(divEl, {  content: 'Tooltip!',  allowHTML: true,  onTrigger(instance, event) {  if (event.target.className == 'highlight') {  console.log('It should hide the tooltip!');  instance.hide();  return false;  }  },  arrow: true,  interactive: true,  trigger: 'click',  theme: 'light-border',  zIndex: 9999  }); }  

Я заставил его работать со следующим трюком, но это не сработало бы, если бы у меня были другие дивы внутри главного дивана:

 tippy(divEl, { ...,   onShow(instance) {  if (divEl.lastChild.nodeName == "DIV") {return false}  }, });