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