问题标签 [tipsy]

我正在绘制d3 线图和附在圆圈上的醉酒工具提示。

工具提示在 Chrome/Safari 中运行良好，但在 Firefox 和 IE 中，当您将鼠标悬停在某个点上时，虽然确实出现了相应的工具提示，但它显示在屏幕左上角的图形/SVG 元素之外（html 元素）的旁边。

这就是我附加工具提示的方式：

任何关于我做错了什么的建议将不胜感激。

我刚刚在我的 wordpress 网站上安装了 Tipsy Tooltip (http://onehackoranother.com/projects/jquery/tipsy/) 脚本，我只是想知道如何在页面加载时显示工具提示并保持显示。

这是我到目前为止的代码；

提前致谢！:)

这是代码：

问题是这样的。这是动画前的图片

和动画之后

在我将鼠标至少移动 1px 或单击之前，它会一直保持这种状态。对于工具提示，我正在使用 Tipsy。如果有帮助，我可以自己做。

当我在我的 d3 力有向图上使用醉酒时，我遇到了一个问题：当我将醉酒重力设置为西时，醉酒从我圈子的左上角开始。我怎样才能让它从我圈子的右侧开始？

这是我在 d3 中使用的代码示例：

编辑在这个问题中：https ://stackoverflow.com/a/10806220/1041692他们说如下：

您可以尝试将工具提示添加到与实际圆圈重叠的 svg:g 中，但宽度和高度为零。目前它正在使用边界框并将工具提示放在边缘。玩弄醉醺醺的选项也可能会有所帮助。

但是要么我做错了，要么它不起作用，它并没有解决我的问题。

编辑 2这个问题也取决于浏览器，在 chrome 中，tipsy 元素附加在圆圈的左上角，而我希望它附加在圆圈右侧的中间。在 Firefox 中，醉酒出现在整个网页的左上方。

我想在将鼠标悬停在单选按钮上时显示工具提示。所以我正在尝试使用这个插件：tipsy。所以这是我的html：

然后我尝试了这样的事情：

但是当我将鼠标悬停在单选按钮上时，什么也没有出现。为什么什么都没有出现，我该如何让它工作？

所以我有这个html代码：

所以这是我尝试的css：

但这只是突出了选择。但我想自定义工具提示框本身。我怎么做？

我在 WordPress 中使用 Tipsy。我已经设置了所有图像，但是当我尝试使用该插件时，它会将图像更改回文本。为什么？

我有以下 jQuery 摘录：

每次我在div具有上述功能的标签中选择文本时id=base，都会在释放鼠标按钮时触发。getSelectionCharOffsetsWithin(element)是一种解析选择的方法（我需要进一步的步骤）。

我现在要做的是弹出一个工具提示，向我显示我可以对选择做什么的选项。（对于那些熟悉 iOS 的人来说，它类似于我在 Web 浏览器中选择文本时的功能。）

问题是 jQuery 需要一个 DOM 元素来执行操作。例如，当使用Tipsy时：

工具提示与div具有id=foo.

触发该mouseup功能时，我选择的文本没有这样的元素，因此我无法将我的选择与工具提示联系起来。

是否有可能在不连接到 DOM 元素的情况下直接调用 jQuery 函数（例如，将工具提示与鼠标位置连接）？如果没有，是否可以使用正在创建并连接到我的事件但未永久存储在 HTML 代码中的临时 DOM 元素来解决问题？

这是一个证明这一点的小提琴：http: //jsfiddle.net/noplacetoh1de/bYNmb/

感谢您的任何建议！

根据要求，我想更新现有的醉酒标题，但它似乎不起作用。

情况

HTML：

JS：

您可以在 jsFiddle 中使用它：http: //jsfiddle.net/TvFmG/3/

问题

我有以下问题：

• 通过设置标题tipsy({title: 'string'})似乎根本不起作用。
• Tipsy docs建议可以通过设置属性来更新标题值（original-title请参阅“动态更新文本”部分），但这在我的情况下似乎不起作用（请参阅jsfiddle）。

醉醺醺的文档是完全错误的，是版本不兼容还是其他问题阻止了这个例子的工作？

我正在尝试在醉酒打开/关闭后设置回调函数。

我希望 addText() 在醉醺醺的打开后运行，但事实并非如此。

有没有一种简单的方法可以在不修改核心代码的情况下做到这一点？

这是我的 jsfiddle：http: //jsfiddle.net/Tqcgr/1/