问题标签 [tippyjs]

我在这个 codepen 中设置了它：我有两个与使用 Tippy v4 的解决方案相关的问题。相关的stackoverflow问题

JS：

HTML：

CSS：

1) 是否可以让 Tippy 在拖动时跟随节点？我尝试在 cy.ready(), tippy.setDefaultProps({followCursor: 'true'}); 中添加这样的属性 但我得到一个错误，tippy.setDefaultProps() 不是一个函数。我已经在这个 codepen 中设置了这个 Tippy v4 问题： setDefaultProps codePen

2) 我无法让tippy 示例与Tippy v5 一起使用。我收到一个错误，tippy 作为不再支持的普通对象传递。我试过传递一个 ref 对象，但我得到了同样的错误。我在这个codepen中设置了v5： Tippy v5错误 上面显示的代码是Tippy v5代码，但Tippy v4代码非常相似。

我正在使用 cytoscape 显示生物学文献中的连接，并希望在单击边缘时显示参考。

我正在按照https://github.com/cytoscape/cytoscape.js-popper/blob/master/demo-tippy.html上将 Tippy 与 cytoscape-popper 结合使用的说明进行操作。它工作正常，除了在 Tippy 文本中创建 href 链接时，我希望能够将其用于点击。

我尝试通过在下面的代码中合并“interactive：true”来做到这一点，但这样做会产生控制台错误TypeError: t is null

我正在尝试将工具提示放置在textInput使用tippy包的右侧，但是，它不起作用：

和选项似乎也position = 'right'不起作用arrow = 'true'。theme = 'light'

我想知道这是否是浏览器兼容性问题，或者我是否缺少一些 CSS 依赖项？我曾尝试在 上运行该应用程序Chrome v82.0.4068.5，Firefox 73.0.1但Microsoft Edge 44.18362.449.0无济于事。

当一个tippy.js 工具提示被触发时，我希望能够从中得到“this”。
我试过了：

如何为悬停的类 .sampleID 获取“this”？

JSFiddle

我正在使用带有tippy js的角度的fullcalendar（v3）事件渲染，那么如何在fullcalendar（v3）事件渲染中将角度动态组件附加到tippy js内容。

而且我只是创建动态组件并将事件渲染附加到全日历

单击几秒钟后是否有任何默认方法可以隐藏工具提示？我想在点击时显示它 2 秒然后关闭它。我该怎么做？

我正在使用Tippy.js v6库，我正在努力研究如何使用委托方法更改我的任何一个实例的内容。我在 v6 中不再提供的 SO 参考方法上找到的所有答案。

我通过 CDN 使用 v6。

当前委托代码

如果我console.log(delegateInstances)这样做，我会得到一个包含我的项目的数组，但我似乎无法解决如何在此处定位 1 个单个实例。

我正在做的一个例子是，当您单击一个按钮时，它的状态会切换并且我希望更新提示内容。我已经这样做了，如下所示，但它们只是堆叠在一起，旧内容不会被删除。

基本上我需要知道如何定位特定实例并更新内容。我必须使用委托方法（据我了解），因为内容是动态添加到页面的。

如果表单输入的验证失败（在下面的示例中，任何 < 0），我想显示一个提示工具提示。我用“焦点”触发器尝试了它，但问题是它也会在用户聚焦表单以进行任何输入时显示出来。同样适用于“点击”触发器。

对此还有其他解决方案吗？

这是相关文档：

Tippy.js 文档/触发器

下面的应用程序有一个包含数学表达式的工具提示，我想知道是否可以在 MathJax 中呈现表达式？

这是应用程序：

tippy.js的文档说可以在工具提示中包含 HTML 内容，但我似乎无法正确呈现数学表达式。

的输出withMathJax()是一个长度为 3 的列表：一个头标记、一个包含数学表达式的字符串和一个脚本标记。我试图通过包装将其转换为单个字符串，HTML(as.character(...))但它不起作用。

如果我自己渲染 MathJax 表达式（没有提示），如下所示：

...输出如下所示：

但是输出renderTippy看起来很不一样：

例如，缺少<span class="MathJax_Preview" style="color: inherit; display: none;"></span>和节点。<div class="MathJax_Display" style="text-align: center;">...</div>

这是因为if (window.MathJax) MathJax.Hub.Queue(["Typeset", MathJax.Hub]);没有运行吗？

我需要两个具有不同内容的工具提示出现在我给出了 2 个相同类名的 4 个元素上。html 看起来像：

和

（以上在 html 代码中出现了两次） javascript

当我只使用一个显示一个内容的小费时，问题是在使用第二个时也是如此..在 Meteor Blaze 中编写它的正确方法是什么？