javascript - 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来向您展示（不完全相同的代码，但应该足够了）。