在使用Raphael.js时使用.hover和.click失去逻辑

Question

我正在尝试为地图的一部分提供悬停和点击状态。 现在，我只想在悬停时出现一种颜色，而在单击时出现一种不同的颜色。 理想情况下，当用户将鼠标从单击元素移开时，单击颜色将保持不变。 看起来.hover方法似乎覆盖了这一点。

我试图遵循类似使用悬停，然后单击带有jQuery UI选项卡的方法？ 但.stop方法似乎也无济于事。

这是我第一次使用Raphael，所以我在应该使用jQuery的地方以及应该使用Raphael的部件的地方有些困惑。

谢谢参观。

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

Answer 1

快速修复方法： http : //jsfiddle.net/KXw9A/7/

我刚刚向您的悬停函数添加了一行，仅当填充与您的wardAttrClick.fill值不匹配时才触发（意味着该元素已被单击）。