Raphael.js當試圖設置ID時，Qtip工具提示消失

Question

我使用Raphael和qTip一起顯示了一個工具提示，當我將鼠標懸停在用拉斐爾繪製的圓上時。

它的工作原理，直到我試圖給拉斐爾元素一個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向您展示（不完全相同的代碼，但應該足夠了）。