我将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}});
想法?
答案 0 :(得分: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来向您展示(不完全相同的代码,但它应该足够了。)