当试图设置id时,Raphael.js Qtip工具提示消失了

时间:2013-10-22 18:09:49

标签: javascript jquery raphael qtip qtip2

我将RaphaelqTip一起用于显示悬停在我用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}});

想法?

1 个答案:

答案 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来向您展示(不完全相同的代码,但它应该足够了。)