问题标签 [tippyjs]

I wanted to create a Tippy with a button in it:

But as soon as I set the interactive flag to true the tippys body disappears:

After reading a bit I first thought I have a zIndex problem, but that apparently was not it.

我正在尝试使用以下代码将 youtube 视频嵌入到tippy中。我能做到的最好的设置 min-width: 400px; 在 yt 容器上。没有那个视频甚至不会显示。有没有办法让它变宽，因为它适合视口但仍然在小屏幕上保持响应？Tippy 被添加到正文中。

我正在使用tippyJS在悬停时显示一个文本弹出窗口，但我也想在页面加载5秒后显示这个弹出窗口，所以我这样做了：

但 5 秒后我得到：

虽然我的tippyjs 工作正常。

我的html：

5 秒后我能做些什么来打开这个小提示？

我正在创建这样的工具提示：

是根据保存在 redux 存储中的tooltip_content值创建的。tooltip_content还包含一个关闭按钮，按下该按钮时会将 redux 存储中的值更新为，null从而tooltip_content变为undefined。

然后我的问题是content似乎在visible属性之前更新，这意味着工具提示在关闭前的瞬间显示没有任何内容。

我有点不确定这是否是意图，或者我是否可以以不同的方式处理它以避免这种情况......

我正在使用 Tippy 为配置腰带的选项创建工具提示，但工具提示与腰带预览重叠（见下文）。

它目前看起来像这样，当它溢出主带预览时：http ://snpy.in/Btw2ZP

但我想调整它的最大高度，让它看起来越界：http ://snpy.in/j43oIl

当工具提示高于屏幕时，此功能已内置，然后弹出。我想让它早点完成。有没有办法配置这个？

我将 Tippy.js 集成到 FullCalendar.js 日历中。在日历内拖动事件时，工具提示会变得疯狂，失去对触发它的事件的引用。

我认为问题在于我正在eventDidMount钩子内创建 Tippy （工具提示）实例，并且每次拖动事件被捕捉到日历单元格时都会在拖动时调用，这就是为什么它会在此过程中触发大量工具提示.

Fullcalendar 有一个钩子，eventDragStart(eventInfo)但我不知道如何访问附加的tippy 实例来隐藏它。或者我应该在拖动时完全阻止创建工具提示？

有任何想法吗？

我正在使用tippy.js popover 在react js 中显示数据。我的弹出框很大，因为它们包含一些功能和大量数据。

我的 poovers 里面也有一些功能代码（按钮、下拉菜单）。所以我在tippy组件中传递interactive = {true}道具。但是当我通过这个道具弹出框时，没有显示完整的弹出框。它从顶部和底部切割。

弹出框不会离开容器。

沙盒链接

在沙盒评论 interactive={true} 中，弹出框将移出容器。

我在 Angular 中将tippy.js 与 Cytoscape.js 一起使用，并且需要与节点颜色匹配的工具提示。我可以从节点数据中访问此颜色，但我不知道如何将其传递给tippy，因为tippy 的主题仅在SCSS 中完成，我无法为图表中存在的100 种颜色设置单独的主题。

在 .ts 文件中创建工具提示的代码

.scss 文件中当前主题的代码

我正在尝试在 v5 fullcalendar 中呈现一些事件。这是我的代码：

- -更新 - -

---更新---它呈现日历和提示，但是它为所有事件重复相同的提示，但不同原因名称的颜色显示不同，所以我不明白它正确呈现所有事件及其数据但提示失败。我在 django 3 顺便说一句。也许使用 eventRender 回滚到以前的完整日历版本，而不是 eventDidMount？谢谢您的帮助

在 '$.each(arr, function(index, val) {' 内的 jQuery '$(document).unbind().on('click',..' 函数中，我试图获取数组，它在 $.each 中返回正确，但只会返回 '.on('click')' 中的最后一个 ID

我曾尝试使用具有不同变体.closest 和.parent 的数据属性以其他方式检索ID，但没有运气让ID 返回正确。

在下面的代码片段中，我制作了一个缩小的 HTML 结构，并在 jQuery 上写了我尝试过的内容和结果。

我究竟做错了什么？

更新： json.ReactionBarContent 的内容：

我改变了什么：

然后把点击移到这里：