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

Leg*_*end 4 javascript jquery cross-browser tooltip d3.js

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

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

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

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

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

The*_*heo 6

这可能就是你要找的东西.我没有在IE9中测试它,但我认为它的工作原理.

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