jquery – 如何做一个工具提示上生成的Raphael的SVG

前端之家收集整理的这篇文章主要介绍了jquery – 如何做一个工具提示上生成的Raphael的SVG前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做了一些教学活动,使用XSLT,Javascript和Raphael将XML转换为SVG。我相信这是艰难的方式…但它的教育。

我遇到的问题是创建工具提示。到目前为止,我发现了三种方法

>第一种方法是在对象上使用.attr({title:“blah”{)。这工作,但它不是由Raphael官方支持,我想要放在工具提示内容可能有点长,这是一个问题,当人们的OS超时工具提示在人们阅读它之前。
>我找到的第二种方法here.它的工作原理有一个Raphael对象弹出时,当鼠标悬停,但是,我可以告诉,接近正常工具提示是不可能的。
>使用jquery Tooltip plugin.这似乎不工作。我不能得到Raphael添加标题属性到一个对象,并得到这个选择那个标题。不知道为什么。

所以,我想知道的是,什么是一个简单和可靠的方法添加工具提示到Raphael对象,以便当人们鼠标悬停对象时弹出,当他们mouSEOut(但不是之前)消失?

解决方法

一种方法是在Raphael纸的顶部使用div标签。然后使用Jquery mousevents与fadeIn()和fadeOut()。我创建了一个关于jsFiddle的例子。 Have a look

猜你在找的jQuery相关文章