0

私は Raphael にまったく慣れていないので、そのドキュメントでもかなり迷っています...

jQuery を使用して Raphael オブジェクトを操作したい:

$(".handle").hover(
               function() {
                     $("path[rel='"+$(this).attr('rel')+"']").addClass("pathhover");
               }, 
               function() {
                    $("path").removeClass("pathhover");
               }
            );

Path は Raphael が生成したパスであり、jQuery はこの svg タグを選択できないようです。

これを達成する方法を考えていますか？

ありがとう ;）

4

1 に答える 1

0

jacktheripper ヘルプのおかげで、これが解決策です。

raphael オブジェクトを jQuery で直接操作することはできません。DOM (そのノード) への参照を使用する必要があります。

したがって、jQuery ハンドラーには Raphael オブジェクト名が必要です。この例では、rel タグを使用して、raphael オブジェクトの名前を格納しています。

$(".handle").hover(
               function() {
                     var path=eval($(this).attr('rel'));
                     path.node.setAttribute("class","pathhover");
               }, 
               function() {
                    var path=eval($(this).attr('rel'));
                    path.node.removeAttribute("class","pathhover");
               }
            );
于 2012-09-09T15:12:10.770 に答える