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

Is there a cross-browser way for tooltips?

本文关键字:浏览器 方式 是否 工具提示      更新时间:2023-09-26

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

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

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

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

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

这可能是您要查找的。我还没有在IE9中测试过它,但我想它可以工作。

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

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

JQueryUI 1.9 将很快添加对工具提示的支持。

JQuery 工具提示是轻量级的,并且具有良好的兼容性,我在使用它的项目中取得了很好的结果。

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