使用Raphael.js时，使用.hover和.click迷失逻辑

Question

我正在尝试为地图的一部分设置悬停和点击状态。现在我只想在悬停时出现一种颜色，并在点击时显示不同的颜色。理想情况下，当用户将鼠标移离被点击的元素时，点击颜色将保持不变。看起来.hover方法似乎超越了这一点。

我试图遵循Using hover and click with jQuery UI tabs?之类的内容，但.stop方法似乎对我的情况没有帮助。

这是我第一次使用Raphael，所以我对jQuery应该在哪里以及我应该使用Raphael的部分感到困惑。

谢谢你看看。

小提琴：http://jsfiddle.net/KXw9A/5/

Answer 1

以下是一个快速解决方法：http://jsfiddle.net/KXw9A/7/

我刚刚在你的悬停函数中添加了一行，只有在填充与wardAttrClick.fill值不匹配时才会触发（意味着该元素已被点击）。