问题标签 [tippyjs]

根据tippy.js git hub页面，我使用npm安装了它：

现在我有一个用于 webpack 4 html 页面的 .js 源文件，该页面将输出到我的 ./dist 文件夹，但我不知道如何导入它；我的另一个选择是从 CDN 中包含它，但这似乎不是很 webpackesque

我也通过 babel-loader stage-0 使用 ES6；那么我该如何将它导入到我的捆绑包中呢？

不应该也需要导入tippy的CSS吗？

我只是使用 Tippy 功能在工具提示中包含一个输入字段。一切正常，除了无法在输入字段中写入任何内容。有可能做到吗？如何？

这是我的代码：

我正在尝试使用Tippy.js将工具提示绑定到我的组件中的一些 DOM 元素。

下面是我的基本示例test.component.ts，因为我什至无法显示它。

我有一个这样初始化的tippy插件：

其中“工具提示内容”是：

并且“tooltip_commands”是 TABLE 中的几个按钮（每行一个按钮）。

运行页面后，只有最后一行显示带有 HTML 内容的工具提示。所有其他行显示工具提示，但为空。

有没有办法解决它？

请看这个有问题的小提琴：

https://jsfiddle.net/desytec/ym4nubhw/21/

我用tippy.js创建了多个工具提示内容但我不能制作动态内容。它仅显示第一个工具提示模板。

第二个问题是，当我放入style: display:none工具提示包装器时，工具提示不显示。当我删除style: display:none时，工具提示内容显示正常（必须隐藏）。

如何使用子模板制作工具提示？

这里还有 codepen 示例：https ://codepen.io/wpuzman/pen/mQeeRQ

我无法制作类似于此的工具提示箭头

删除arrowTransform:"scale(2)"也无济于事。我在 css 中缺少的东西。这是笔

我正在使用 Laravel Mix，它使用 Webpack 3.6，我正在尝试安装https://atomiks.github.io/tippyjs/。

我的 SCSS 可能通过@import "../../../../node_modules/tippy.js/dist/tippy.css";.

但是，在我的 javascript 文件的顶部，我有这个，它不起作用：

我得到错误：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'

如何以适用于这种 Webpack 方法的方式导入 Tippy.js？

_{（如何使用 webpack 4 将 tippy.js 导入 html 页面？显然对我不起作用。）}

我目前在做什么：

我有一个包含可变数量节点的图表。

在 10 和最大之间。30 个节点（我们称之为 n）

我使用的布局是 dagre 布局（并不重要），并且根据数据，在 1 到 n 之间。代码工作正常，我可以显示我想要的所有数据。此外，我的小费有更多的文字，只有foo和bar：

• 权限类型 | 权限名称 | 继承自
• 身份 | 编辑身份信息 | 某物

问题：

由于 cytoscape.js 的缩放功能，可以操纵视口（我的任务需要该功能）。

当我放大和缩小时会发生什么，看起来并不那么漂亮：

• Tippy 的尺寸从超小到太大，几乎没有缩放
• 如果图表足够大，节点通常在这些小费的后面，有时甚至缩放 1（这是默认值）
• 将tippy的大小更改为“小”对我来说并没有太大变化

例子：

这个例子没有我的一些用例那么极端，但是你可以看到问题出在哪里。

解决方案：

也许有人知道设置 popper/tippy 的最大/最小宽度的正确属性？

我正在使用tippyjs https://atomiks.github.io/tippyjs/插件作为用户列表工具提示

问题： click不适用于上述（图片）list item，因为styling我必须得到refrence并做styling（困难，请参阅onShow()）。

注意： click打开...查看工具提示

代码笔： https ://codepen.io/anon/pen/eQrwQM ?editors=0110#0

请帮助我提前谢谢！！！！！！！

我正在开发一个 Django 项目，我想在该项目中输出一个文本文件并应用某些操作，例如突出显示文本。我的想法是以这样一种方式来实现它，即每个单词都可以被单击，以显示一个弹出窗口（或工具提示窗口），显示所有选项。

我尝试使用tippjs 工具提示库（https://atomiks.github.io/tippyjs/），但是单击突出显示按钮没有任何作用。如果我不将 javascript 部分放入循环中，则根本不会发生任何事情。javascript 部分不在循环中的代码如下所示：

我是 django 的新手，甚至是 javascript 的新手，所以我不确定这是否是正确的方法。

有人可以在这里指出我正确的方向吗？