如何使用jQuery选择Raphael SVG标签? [英] How to select a raphael svg tag with jQuery?

问题描述

我对Raphael还是很陌生，在文档中也很迷茫...

I'm quite new to Raphael, and quite lost too in its documentation...

我想通过jQuery操作Raphael对象:

I'd like to manipulate a Raphael object through jQuery:

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

路径是Raphael生成的路径，jQuery似乎无法选择此svg标记.

Path is a Raphael-generated path, and jQuery does not seem to be able to select this svg tag.

您是否有办法实现这一目标?

Would you have an idea how to achieve this ?

谢谢;)

推荐答案

感谢Jacktheripper的帮助，这是一个解决方案.

Here is a solution, thanks to jacktheripper help.

jQuery无法直接操纵raphael对象；我们需要使用其对DOM的引用(其节点).

The raphael object can't be manipulated directly by jQuery; we need to use its reference to the DOM (its node).

因此，jQuery处理程序需要Raphael对象名称.在此示例中，我使用rel标签存储raphael对象的名称.

Therefore, the jQuery handler needs the Raphael object name. In this example, I use the rel tag to store the name of the raphael object.

$(".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");
               }
            );

这篇关于如何使用jQuery选择Raphael SVG标签?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！