Всплывающая подсказка Raphael.js Qtip исчезает при попытке установить идентификатор

Question

0

Я использую Raphael и qTip вместе, чтобы показать всплывающую подсказку, когда вы нависаете над кругом, который я рисую с помощью raphael.

Он работает, пока я не попытаюсь дать элементу Рафаэля идентификатор, тогда всплывающая подсказка просто не появляется.

Работает:

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}});

идеи?

Katie S 22 окт. 2013, в 20:57

Теги:

qtip2

raphael

qtip

1 ответ

Andreas Schwarz · Accepted Answer · 2013-10-22T18-07-00.000Z

Если я упрощу то, как вы укажете идентификатор, он станет следующим:

var c = a.id = circleName;

Из-за второго =, c не является элементом circle, и всплывающая подсказка не может быть показана, она не знает, где.

Если вы установили идентификатор после создания круга...

var c = self.paper.circle(x, y, radius)
.attr({'fill':'#f2f2f2'});

c.id = circleName;

$(c.node).qtip({content:{text:circleName}});

... проблема исчезает.

Я создал JS Bin, чтобы показать вам (не совсем тот же код, но этого должно быть достаточно).