工具提示是否有跨浏览器方式
Is there a cross-browser way for tooltips?
我正在使用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/
相关文章:
- 如何允许web浏览器记住未以标准方式发送的表单字段
- 正在寻找一种跨移动浏览器兼容的方式,通过内置麦克风进行录制
- 浏览器之间的文本区域更新方式不同
- Javascript或浏览器以不同的方式设置位置
- 当用户返回 UC 浏览器时,如何以编程方式禁用缓存
- 以类似视频的方式在浏览器中渲染多个图像
- 使用javascript在chrome浏览器的新选项卡中以程序方式打开URL
- 用我自己的自定义快捷方式覆盖浏览器快捷方式
- Chrome扩展和Chome浏览器中的Jquery工作方式不同
- 有没有任何方法可以覆盖浏览器渲染页面的方式
- 如何检测以跨浏览器方式使用 Javascript 的 DOMParser 时的 XML 解析错误
- 在浏览器中存储私人加密密钥的最佳方式
- 以编程方式打开火狐浏览器并执行 POST 请求?[想法:MozRepl,建议?
- jQuery .focus() 在每个浏览器中的工作方式不同.如何防止这种情况
- 以编程方式调用模糊会禁用与浏览器窗口的交互
- 工具提示是否有跨浏览器方式
- 在内容可编辑元素上按 Enter 时插入 BR 或 P 标签的跨浏览器方式
- 避免无响应脚本的跨浏览器方式
- 将样式元素动态插入DOM的最后一种跨浏览器方式
- 提交POST表单的最简单的跨浏览器方式是什么?