使用 Raphael.js 时迷失在 .hover 和 .click 的逻辑中
我正在尝试为地图的一部分设置悬停和单击状态。现在我只想在悬停时显示一种颜色，在单击时显示一种不同的颜色。理想情况下，当用户将鼠标移离单击的元素时，单击颜色将保持不变。不过， .hover 方法似乎覆盖了这一点。
我尝试遵循类似 使用悬停并单击 jQuery UI 选项卡的操作？ 但 .stop 方法似乎也对我的情况没有帮助。
这是我第一次使用 Raphael，所以我有点困惑，我应该在哪里做 jQuery，在哪里应该使用 Raphael 的某些部分。
感谢您的关注。
I'm trying to have a hover and a click state for a part of a map. Right now I'd just like a color to appear on hover and a different color to appear on click. Ideally, when the user moves their mouse away from the clicked element, the click color will stay on. It seems like the .hover method is overriding this though.
I tried to follow something like Using hover and click with jQuery UI tabs? but the .stop method didn't seem to help my case either.
This is my first time using Raphael so I'm getting a little confused as to where I should be doing jQuery and where I should be using parts of Raphael.
Thanks for taking a look.
fiddle: http://jsfiddle.net/KXw9A/5/
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是一个快速修复： http://jsfiddle.net/KXw9A/7/
我刚刚添加了一行您的悬停函数仅在填充与您的 wardAttrClick.fill 值不匹配时触发（意味着该元素已被单击）。
Here's a quick fix: http://jsfiddle.net/KXw9A/7/
I just added a line to your hover functions to only fire if the fill does not match your wardAttrClick.fill value (meaning the element has been clicked).