问题标签 [tippyjs]

我正在开发一个Angular项目并且让tippy.js工作正常（https://atomiks.github.io）。

问题是我需要用一些 JSON 信息填充工具提示，我可以使用 Angular 的插值放置这些信息，但出现以下错误：“无法绑定到 'tippy-content'，因为它不是 ' 的已知属性div'。

有没有办法让它与插值一起工作？如果没有，还有其他方法吗？

我正在尝试做一些与这里的问题非常相似（如果不一样的话）的事情（答案对我不起作用，似乎回答者/创建者不理解这个问题）。

我的目标是在具有不同触发选项的单个 html 元素上拥有两个提示工具提示实例：

• 一个将在mouseenter事件上触发（默认的，使用默认的tippy构造函数创建，根本不使用触发器选项），和
• 一个将在click事件中触发（使用触发选项manual并随后调用tippyshow()函数）。

我是这样做的：

由于某种原因，它根本不会在该元素上显示手动触发的工具提示。我得到了这个异常：（Uncaught TypeError: Cannot read property 'show' of undefined at HTMLImageElement.<anonymous>指的是tippyshow()函数）。但是当我删除其中一个（tippy 实例）时，另一个可以完美运行。

我在 jsfiddle 下面，我尝试了这个SO 问题中提到的几种方法，但是在单击 jquery 确认取消按钮后，我无法从“反馈”范围中移除焦点。

脚步：

1. 点击反馈
2. 单击弹出窗口上的取消按钮
3. 反馈范围再次显示tippy js 提示框。

我已经尝试过 jquery blur 和 document.activeElement.blur() 但它不起作用。

https://jsfiddle.net/sw8gpuoa/1/

我正在使用CodeMirror进行语法高亮显示。当用户单击文本时，我想触发一个弹出窗口。我正在使用 React Tippy——一个基于 Tippy.js 的 React 组件。

基本上，我没有收到任何提示弹出窗口。我也没有收到任何错误。

我在这里有一个沙盒示例：https ://codesandbox.io/s/focused-currying-uo469

我有一个 codemirror 对象。当光标悬停在代码上时，我想在代码镜像编辑器顶部显示一个提示按钮。

到目前为止，我可以检测到鼠标何时悬停，但我无法在编辑器顶部显示任何内容。我的代码在下面，我这里也有一个沙箱

我的另一个想法是尝试将令牌包装在一个小费按钮中？但我不确定如何做出反应。我查看了这个使用 codemirror 解析器的反应语法荧光笔，我相信我找到了对代码块进行样式化的代码：

我会做一些事情createElement来创建小费按钮吗？

我想在我正在构建的一个简单的 Chrome 扩展中使用 Tippy.js。基本上，我想在我的内容脚本旁边使用 Tippy，但我不知道如何在不使用 cdn 的情况下包含它。

我知道我应该将它与 content_scripts 一起包含在 manifest.json 文件中，但您不应该在此处使用 cdn 链接。如果我使用节点安装软件包，我会在这里找到所有文件：https ://unpkg.com/browse/tippy.js@4.3.5/但我不确定要在清单文件中链接哪个文件。

这是我目前在 manifest.json 中的内容：

我意识到这可能是包含外部库的愚蠢尝试，但我只是不确定如何包含不打包在单个文件中的此类库。

我用tippyjs做了一个弹出窗口。Tippy 采取下一个选项：

“元素”是一个普通的 html 元素和在服务器响应后加载的内容。问题是当我让浏览器放大或缩小时，工具提示会改变位置。我正在使用 chrome 最新版本。

正常状态下的 工具提示：放大的工具提示：

我将 Tippy ( https://atomiks.github.io/tippyjs/ ) 实现为 Fullcalendar ( https://fullcalendar.io/ )的工具提示库

我在fullcalendar的eventRender函数中有这个：

偏移量计算正确，但它不起作用，工具提示总是在相同的位置，忽略鼠标位置。

有人可以帮忙吗？

我也会接受另一个工具提示节点或流星包作为替代解决方案，它效果更好。

如何描述tippy接受打字稿将正确使用的任何孩子的包装器？

像这样使用：

打字稿在返回语句中给了我孩子的错误：

键入'字符串 | 号码 | 真实 | {} | ReactElement ReactElement 组件）> | 空） | （新（道具：任何）=> 组件）> | 反应节点数组 | ReactPortal' 不可分配给类型 'ReactElement ReactElement 组件）> | 空） | （新（道具：任何）=> 组件）>'。类型 'string' 不可分配给类型 'ReactElement ReactElement 组件）> | 空） | (new (props: any) => Component)>'.ts(2322) index.d.ts(6, 3): 预期的类型来自属性 'children'，它在类型 'IntrinsicAttributes & TippyProps' 上声明

我想在tippyjs中使用一些类在调用这些类时更改代码，但我不知道如何使用它们