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

Question

我正在使用 d3.js 来渲染我的图表。出于某种原因，我不是 svg 标题的 super 粉丝，因为它会产生延迟并且无法设置它们的样式。如果我错了，请纠正我。我最近遇到了，tipsy但它似乎不支持跨浏览器。

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

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

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

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

Answer 1

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

http://twitter.github.com/bootstrap/javascript.html#tooltips