工具提示是否有跨浏览器方式?

时间:2012-06-21 21:04:33

标签: javascript jquery cross-browser tooltip d3.js

我正在使用d3.js渲染我的图表。出于某种原因,我不是svg冠军的忠实粉丝,因为它会产生延迟并且无法设计它们。如果我错了,请纠正我。我最近遇到过tipsy,但似乎并不是跨浏览器兼容的。

例如,考虑this。工具提示在Firefox和Chrome中运行良好,但即使在IE 9中也不会出现,我不确定发生了什么。除了使用svg title属性之外,是否有更清晰的跨浏览器方法来处理与d3.js兼容的工具提示?

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

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

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

3 个答案:

答案 0 :(得分:6)

这可能就是你要找的东西。我还没有在IE9中测试它,但我认为它可行。

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

答案 1 :(得分:4)

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

JQueryUI 1.9很快将成为adding support for tooltips

答案 2 :(得分:1)

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

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/