Raphael.js Qtip 工具提示在尝试设置 id 时消失

Question

当我将鼠标悬停在我用 raphael 绘制的圆圈上时，我同时使用了 Raphael 和 qTip 来显示工具提示。

它有效，直到我尝试给 Raphael 元素一个 id，然后工具提示才显示出来。

作品：

var c = self.paper.circle(x, y, radius)
.attr({'fill':'#f2f2f2'});
$(c.node).qtip({content:{text:circleName}});

不起作用：

var c = self.paper.circle(x, y, radius)
.attr({'fill':'#f2f2f2'})
.id = circleName; //<---
$(c.node).qtip({content:{text:circleName}});

想法？

Answer 1

如果我简化你提供 id 的方式，它会变成这样：

var c = a.id = circleName;

因为第二个=，c不是circle元素，所以tooltip不能显示，也不知道在哪里。

如果在创建圈子后设置id...

var c = self.paper.circle(x, y, radius)
.attr({'fill':'#f2f2f2'});

c.id = circleName;

$(c.node).qtip({content:{text:circleName}});

...问题消失了。

我创建了一个JS Bin 向您展示（不完全相同的代码，但应该足够了）。