拉斐尔动画的工具提示 - 为什么它不起作用？

Question

所以我有一个用Raphael绘制的饼图，当我将鼠标悬停在我的饼图片段上时，我正在尝试创建一个显示Raphael文本的工具提示。事件处理程序悬停工作正常，但我无法更改工具提示文本的坐标以匹配光标坐标。请在此处查看代码：

http://jsfiddle.net/p7U2K/1/

我试过

posx = e.pageX - $(document).scrollLeft() - $('#holder').offset().left;

表示我的x坐标，但它会以未定义的形式返回。我做错了什么？

感谢您的帮助！

Answer 1

我可以指出你做错的几件事：

• e未定义，因为您没有将其传递给.hover回调

• $也未定义，因为您没有在脚本中加载jquery。但你不需要它。您可以使用e.offsetX来提供父元素的相对位置。您不需要这些滚动偏移：

  posx = e.offsetX;

• 由于动画功能

，您在绘制标签后会立即隐藏标签
• 您正在每个悬停事件中创建一个新标签。这会立即用元素阻塞你的画布（即使你通过opacity隐藏它们）。看看这个，看看我的意思： http://jsfiddle.net/mihaifm/wdzPG/5/