在使用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值不匹配時才觸發（意味着該元素已被單擊）。