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

Question

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

Это работает, пока я не попытаюсь присвоить элементу 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}});

идеи?

Answer 1

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

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, чтобы показать вам (не совсем тот же код, но этого должно быть достаточно).