将 .tofront() 与 raphael 一起使用答案

【问题标题】：Use .tofront() with raphael将 .tofront() 与 raphael 一起使用
【发布时间】：2014-06-09 10:08:38
【问题描述】：

似乎我无法在使用 raphael js 的地图中使用 .tofront()（无大写 f）选项

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

我希望每条路径在我点击时都放在前面，不幸的是这段代码不起作用

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

有没有更好的方法来检索要在 click 函数中使用的元素？谢谢

【问题讨论】：

是toFront()，查看文档link

标签： svg raphael

【解决方案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();
        });

【讨论】：

感谢您的建议，我会发现 jquery svg。我如何在这篇文章中应用你的代码？感谢（罗莎中的 var civico）{ rosa[civico].attr(style).node.id = 'pink'; }
你可以在你的例子中使用上面的代码 for(var civico in rosa) { rosa[civico].attr(style).node.id = 'pink'; rosa[civico].click(function(){ this.toFront();}) } 你也应该使用集合来对路径及其标签等项目进行分组，然后你也可以通过这种方式在集合的所有元素上执行到前面你的结构不会搞砸。