触发鼠标悬停事件时访问 Raphael 元素的属性 (attr)

Question

当鼠标悬停和鼠标退出事件触发时，我正在尝试访问和更新 Raphael 画布中元素的某些属性。

由于文档很少，我已经为此苦苦挣扎了一段时间。

以下代码失败，错误为 Object #<SVGCircleElement> has no method 'attr'

        $(circle.node).mouseover(function (e) {
            e.target.attr({ 'opacity': 0.2, 'fill': 'blue', 'stroke': 'white' });
        });

(非(功能代码可在此处获得：http://jsfiddle.net/agarcian/mDnAb/3/

任何帮助将不胜感激。

Answer 1

你需要

使用$(e.target).attr(...)因为e.target是一个普通的DOM元素，还没有jQuery包装。

通过此更改，它可以正常工作：http://jsfiddle.net/ThiefMaster/mDnAb/4/

顺便说一句，您可以使用.hover()而不是两个单独的事件：http://jsfiddle.net/ThiefMaster/mDnAb/5/