0

我需要关于 fullcalendar 和 tippyjs 的建议(https://atomiks.github.io/tippyjs/)。所以,这是我进入全日历的事件:

在此处输入图像描述

所以你可以看到当鼠标悬停在事件上时,我会像这样显示tippy js:

  eventMouseEnter(ev: any) {
console.log('eventMouseEnter: ', ev.el);
const template = document.getElementById('template');
tippy(ev.el, {
  content: template.innerHTML,
  allowHTML: true,
  interactive: true,
  interactiveBorder: 30,
  zIndex: 999999999999999999999999,
  theme: 'light'
})

}

这是我的html代码:

<div id="template" tabindex="0">
  <div class="tippy-box" tabindex="0">
    <button mat-raised-button tabindex="0">button</button>
    <span tabindex="0">
      <select>
        <option>one</option>
      </select>
    </span>
  </div>
</div>

问题是,我无法单击按钮或选择...每次单击我的事件返回都是在 fullcalendar 事件上,但不是tippy js按钮...我该如何解决这个问题?打开时,我只需要将点击焦点放在tippy js的工具提示上。

谢谢

4

0 回答 0