Comment se fait-il que mon objet circle Raphael.js n'obtienne pas l'animation de ses changements 'attr' et n'obtienne pas l'objet événement jQuery HandlerOut?

Question

J'ai créé un #logo DIV qui se compose d'un plus petit #circle DIV & h1. Le #circle agit comme le DIV/canvas que mon objet Raphael.js, un cercle, est rendu. Mon but était de le faire quand un utilisateur survole le #logo DIV le cercle Raphael.js et h1 va s'animer mais je cours dans quelques problèmes.

• Pour une raison quelconque mon objet cercle Raphael.js ne reçoit pas c'est la méthode .attr() animée lors d'un événement de la souris jQuery .hover()handlerIn. Le changement arrive juste immédiatement.

• De plus, au cours de l'événement handlerOut, le cercle Raphael.js ne reçoit pas sa méthode .attr(). Il garde juste les attributs .attr() qui ont été appliqués pendant l'événement handerIn

Le code à my example of this issue is located here. Vous pouvez cliquer sur preview (en haut à droite) sur cette page pour voir le code en action.

Answer 1

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

Ceci est une animation jQuery. Evidemment jQuery n'a aucune idée des objets de Raphaël. Utilisez l'animation Raphaël à la place:

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

Conseils généraux ne touchez pas la propriété de nœud, sauf si vous savez vraiment vraiment ce que vous faites.