问题标签 [tippyjs]

我已经导入了下面的包，我尝试参考下面的链接，我不明白在哪里放置tippy代码。请帮我。

https://atomiks.github.io/tippyjs/html-content

我想为每个人都有关闭按钮，tooltip我怎么能拥有它？

注意：我不想搞砸设计，这就是为什么没有尝试太多，我在这里寻找的最佳解决方案

下面是演示：

为了更好地查看这里是codepen： https ://codepen.io/anon/pen/aPXKZM

请帮助我提前谢谢！

我想在我的影子 DOM中使用Tippy.js 。

由于脚本可以访问我的影子 DOM 但样式不能，因此我尝试将 Tippy CSS 内联到影子 DOM 中，并将 Popper 和 Tippy 的 JS 链接到外部。这是它不起作用的演示。

我需要确定 CSS 的范围，所以我有以下约束：

我的页面有一个深色和浅色主题。

当我切换颜色主题时，我想在工具提示主题之间切换。

我创建了 2 个小费主题，一个称为黑暗，另一个称为浅色。

我尝试更改 HTML 属性和工具提示类，希望强制更改主题，但它不起作用。

那是我的JS：

知道为什么它不起作用以及如何修复它吗？

在Tippy中，我想在工具提示中显示标签。为了这，

我试过了：

或者

但是它们都没有正确显示工具提示的内容。我想要这样（这张图片是在 Photoshop 中创建的）：

编辑：但他们两个都这样显示：

我有一个 Angular 7 应用程序，其中有一个使用tippy.js 4.0.2 创建工具提示的指令。这在本地模式（ng serve）下工作得很好。但是，一旦我尝试将其集成到我的服务器上运行的页面中，该页面将tippy.js 2.6.0 作为全局变量，当单击具有工具提示的元素时，mouseup 会出现以下错误：

TypeError: i 是未定义的tippy.all.min.js:1:23177

为什么两个版本的tippy会相互干扰，我该如何修复这个错误？

我的tippy指令包含以下重要部分：

并动态更新我使用的更新选项

我尝试编辑 Tippy.js 的 CSS 样式。所以我 npm install tippy 并像这样将它导入到我的html中

但是，它有一些错误。

因此，我尝试在我的目录工作文件中安装 npm install popper，但它根本不起作用。我错过了什么？

我已经安装了tippy.js 来处理我的工具提示，但是我正在努力让工具提示显示数据属性中的内容集。我的默认工具提示工作正常，但是当我通过一个类初始化时，为了能够向工具提示添加不同的样式，它不会从工具提示中获取内容。

如果我将内容方法添加到tippy，它将显示，但是由于工具提示的内容是动态的，我需要在数据属性上设置它。我不确定如何将元素中的数据属性传递给tippy。

任何想法我做错了什么？

HTML：

我使用对象标签在 HTML 中嵌入了一个 svg

我想使用tippy.js 库为我的svg 中的圆圈提供工具提示，但我似乎无法将mysvg 中的圆圈用作目标。如果 svg 在 HTML 中（比如这个 line 元素），效果很好。

HTML：

JavaScript：

我尝试了以下 JavaScript，其中 circle1 是 svg 中圆的 id，但它不起作用：

我也试过

这是行不通的。如果相关，我正在使用 Chrome。任何想法，将不胜感激。

我已经在我的 Angular 项目中安装了tippy.js，这是一个工具提示库（https://atomiks.github.io/tippyjs/），但它仅在第一次刷新页面后才有效。

我已经通过npm install tippy.js命令安装了它，并将其导入到angular.json文件中，如下所示：

负责调用它的 html 元素是这样写的：

我认为该库是在页面完全构建之前加载的，但不知道如何在 Angular 项目中执行它...