Почему мой круговой объект Raphael.js не получает анимированные изменения 'attr' и не получает к нему объект события jQuery HandlerOut? - PullRequest
Новая
       2

Почему мой круговой объект Raphael.js не получает анимированные изменения 'attr' и не получает к нему объект события jQuery HandlerOut?

0 голосов
/ 12 августа 2010

Я создал #logo DIV, который состоит из меньшего #circle DIV & h1.#circle действует как DIV / canvas, в котором отображается мой объект Raphael.js, круг. Моя цель состояла в том, чтобы сделать так, когда пользователь наводит курсор на #logo DIV круг Raphael.js и h1будет анимирован, но я столкнулся с некоторыми проблемами.

  • По некоторым причинам мой круговой объект Raphael.js не получает анимацию .attr() во время мыши jQuery .hover() handlerInсобытие.Изменение происходит сразу же.

  • Кроме того, во время события handlerOut круг Raphael.js вообще не применяет свой метод .attr().Он просто сохраняет атрибуты .attr(), которые были применены к нему во время события handerIn

Код моего примера этой проблемы находится здесь .Вы можете нажать кнопку предварительного просмотра (вверху справа) на этой странице, чтобы увидеть код в действии.

1 Ответ

4 голосов
/ 12 августа 2010 
$(c.node).animate({fill: "#666"}, 2000);

Это анимация jQuery. Очевидно, что jQuery не имеет представления об объектах Raphaël. Вместо этого используйте анимацию Рафаэля: 

c.animate({fill: "#666"}, 2000);

Общие советы не трогайте свойства узла, если вы действительно не знаете, что делаете.

...