javascript - 工具提示是否有跨浏览器的方式？

Question

我正在使用 d3.js 来渲染我的图表。出于某种原因，我不是 svg title 的忠实粉丝，因为它会导致延迟并且无法设置它们的样式。如果我错了，请纠正我。我最近遇到了，醉了，但它似乎不兼容跨浏览器。

例如，考虑这个。工具提示在 Firefox 和 Chrome 中运行良好，但即使在 IE 9 中也不会出现，我不确定发生了什么。除了使用属性之外，对于与 d3.js 兼容的工具提示，是否有更简洁的跨浏览器方法svg title？

编辑：我正在寻找适用于 d3.js 的东西。例如，使用tipsy，我们执行以下操作：

$("svg circle").tipsy({});

这适用于 Firefox 和 Chrome，但不适用于 IE。在使用 Twitter 的 Bootstrap 的工具提示插件时也观察到了类似的情况。这是我的jsFiddle ，没有添加工具提示以启用快速测试。

score 6 · Accepted Answer

这可能是您正在寻找的。我没有在 IE9 中测试过它，但我想它可以工作。

score 4 · Accepted Answer

qTip是一个很好的跨平台工具提示插件。

score 1 · Accepted Answer

JQuery Tooltip 是轻量级的并且具有很好的兼容性，我在使用它的项目中取得了很好的效果。

3 回答 3