拉斐尔.js尝试设置 id 时 Qtip 工具提示消失

Question

我将Raphael和qTip一起使用，以便在将鼠标悬停在我用raphael绘制的圆圈上时显示工具提示。

它有效，直到我尝试给 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元素，并且无法显示工具提示，它不知道在哪里。

如果您在创建圆圈后设置了 id...

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

。问题消失了。

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