Se perdre en logique avec .hover et .click en utilisant Raphael.js

Question

J'essaye d'avoir un survol et un état de clic pour une partie d'une carte. En ce moment je voudrais juste qu'une couleur apparaisse sur le vol stationnaire et qu'une couleur différente apparaisse sur le clic. Idéalement, lorsque l'utilisateur déplace sa souris loin de l'élément cliqué, la couleur du clic reste active. Il semble que la méthode .hover l'emporte cependant.

J'ai essayé de suivre quelque chose comme Using hover and click with jQuery UI tabs? mais la méthode .stop n'a pas semblé aider mon cas non plus.

C'est la première fois que j'utilise Raphael alors je commence à être un peu confus quant à l'endroit où je devrais faire jQuery et où j'utiliserais des parties de Raphael.

Merci d'avoir regardé.

violon: http://jsfiddle.net/KXw9A/5/

Answer 1

Voici une solution rapide: http://jsfiddle.net/KXw9A/7/

Je viens d'ajouter une ligne à vos fonctions de vol stationnaire au feu que si le remplissage ne correspond pas à la valeur de votre wardAttrClick.fill (ce qui signifie l'élément a été cliqué).