问题标签 [tippyjs]

所以我的问题是我似乎无法在 vuetify-nuxt 项目中使用tiptap 的“提及”功能。

原始示例可以在这里找到

更多有用信息：

• 来自tiptap github的示例实现在这里

• 在这里提出了类似的问题，但没有完全回答

• 在此处的 vuetify 集成库中提出了类似的问题

为此，我正在尝试结合文档示例。

我想在我尝试使用“tippy”时它会出错，这是用于显示实际列出用户从中选择的弹出窗口的 css 库（在 之后@），但我似乎无法理解真正的问题。

因此，当我键入@keydown/up 事件侦听器正在运行时，但是tippy 似乎没有成功绑定弹出窗口（它没有显示），并且发生以下错误：

这是我的tippy.js nuxt 插件：

这是我试图在其中显示编辑器和建议/提及功能的组件：

如何在上述设置中获得“建议”项目显示？

我试图让一个按钮一次触发多个小费元素。我已经创建了每个tippy()实例，但它不起作用。

但这样做不会触发工具提示。

我正在使用 TippyJS 向我的网站添加一些工具提示。他们的 HTML 内容可以正常工作，除了在页面加载时，您可以在内容消失之前短时间查看内容。我该如何解决？我的网站现在跳转，因为我的菜单结构中有一些 HTML 的小费。

我只是在页脚中有这些文件：

我拥有的工具提示示例：

和 JS：

内容是什么并不重要，很多 html 或只是 1 个单词。在 TippyJS 代码将其删除并将其放入工具提示之前，首先显示内容。我能做些什么来解决这个问题？我尝试将页脚中的文件移动到页眉，但这并没有改变。

我正在为我的浏览器使用tippy.js，直到今天早上他们一直工作正常。突然间，它们不会响应任何 CSS 样式，而只是恢复为默认的深灰色背景，带有边框半径。但是，它们会响应脚本中的更改，例如使它们跟随光标。这是脚本，我尝试重新安装了很多，但我不知道发生了什么。

这是CSS，不起作用的东西。

当用户将鼠标悬停在输入上时，我想在错误上显示一个提示工具提示。如果用户修复了错误，我不希望在他们悬停时再显示提示工具提示。我有以下显示它，但我无法弄清楚当用户将鼠标悬停在输入框上时如何阻止它显示。有人可以帮忙吗？

我正在尝试在表格单元格中使用tippyjs-react，但没有出现工具提示。

我在React Table的Cell选项中添加了工具提示：

密码箱

我不确定我是否在这里获得了标题，如果有人可以推荐一个更好的标题，我会很乐意更改它。

我的网站显示了您可以购买的产品列表，并带有一个快速的“添加到愿望清单”按钮。当您将鼠标悬停在按钮上时，工具提示会显示“添加到愿望清单”，当您单击按钮时，该项目将添加到愿望清单中。问题是，既然该项目在愿望清单中，将鼠标悬停在按钮上应该说“从愿望清单中删除”，但它仍然显示“添加到购物篮”。我正在尝试更新此内容。

我的显示图标的代码是这样的，使用data属性。

我有一个控制此功能的功能。我的想法是我更新这个数据值，它会起作用。所以我做了这个

它确实有效。如果我检查元素，一旦我单击按钮，它的值就会在标记中显示“从篮子中删除”，只是工具提示没有这么说。悬停时它仍然显示添加到愿望清单。我认为这是因为它在初始化时设置，但我似乎无法更新它。

我想我需要一个“updateTooltip”功能。我认为这个网站是使用 Bootstrap 构建的，但我不知道这个功能是否是 Bootstrap。我试过查看https://getbootstrap.com/docs/4.0/components/tooltips/但我不相信那里的任何东西都会帮助我。

有没有人有任何想法？谢谢

一个 HTML 页面包含 2 个 SVG 形状，每个形状都有一个工具提示（使用Tippy创建）。

我怎样才能使工具提示出现在页面中的相同位置（假设在下面的红色矩形中 - 页面的右侧）？

我正在尝试在 FabricJS 画布上使用 TippyJS 创建一些工具提示，但不断收到我使用的选择器无效的错误。

通常这是我使用 Tippy 触发工具提示的方式：

但是现在我想在单击画布内的对象时触发工具提示，在这种情况下cirkel1，我尝试了以下操作（在创建 cirkel1 并将其添加到画布之后）：

但是当单击圆圈时，我在控制台中收到此错误：

这样做的正确方法是什么？

带有完整代码的 Codepen： https ://codepen.io/twan2020/pen/mdOWgaG

我有一些可以添加到 fabricjs 画布的圆圈。每个圆圈都是一个对象，而在我的 javascript 代码之外，我有一个 DOM 元素，如下所示：

这个元素触发了一个带有 Tippjs（一个 js 工具提示包）的工具提示，它具有以下代码（不要介意每个循环，我还应该提到下面的代码在 canvas 函数之外）：

在我为画布声明所有内容的函数中，我有以下代码将 DOM 元素放置在画布对象的顶部：

这可行，并且工具提示会在单击时显示，但在我的画布功能中，我还有一个单击功能，可以在单击时切换特定圆圈的图像。我需要在单击圆圈时同时触发，现在当我单击一个圆圈时，会出现图像，但只有在我第二次单击后，才会出现工具提示，而不是第一次单击。

通过第二次单击删除图像也不起作用，直到我单击另一个圆圈，然后再单击先前单击的圆圈。

奇怪的是，当我删除两个功能之一（工具提示单击或图像切换单击）时，它会立即起作用，但只有图像切换立即起作用，而工具提示仅在第二次单击后才起作用。这是为什么？

完整代码可以看这里（点击小圆圈测试）：https ://codepen.io/twan2020/pen/jOVaWMm

此外，是否可以将不同的工具提示附加到每个点/圆圈？