将.tofront()与raphael一起使用

时间:2014-04-24 08:20:47

标签: svg raphael

似乎我不能使用raphael js在我的地图中使用.tofront()(无资本f)选项

小提琴链接到我的工作示例,它的javascript代码和一些css3用于动画路径 http://jsfiddle.net/6CvXF/20/

我希望当我点击它时每条路径都会转到前面,不幸的是这段代码不起作用

$('path').click(function() {
     (this).tofront();
});

有一种方法可以更好地检索要在click函数中使用的元素吗? 感谢

1 个答案:

答案 0 :(得分:1)

jQuery无法直接访问svg元素你可以使用这个库: keith-wood.name/svg.html

这里提到:How to use jquery in SVG (Scalable Vector Graphics)?

或者你可以简单地使用以下内置的Rapahel点击功能来实现你想要的结果:

    var r = Raphael("canvas",500,500);
    var rectangle = r.rect(10, 10, 100, 100).attr({fill:'red'}).click(function(){
                //click function statements
                this.toFront();
        });