Question

我做了2个圆圈，（在我的工作中，我没有使用循环制作小圆圈。）所以我无法将自定义ID添加到所有，但我将数据设置为每个圆圈。

现在我如何点击所需的圆圈点击以隐藏或动画显示其他圆圈数据..？

我不知道方法是否正确。如果这不是一种方式，让我知道你的建议，或给我一些建议来做到这一点。

提前感谢。

var paper = new Raphael('myPaper',500,500);
var circle = paper.circle(100,100,100).attr({'fill':'red'});
var text = paper.text(100,100,"test Text").attr({'fill':'#fff'});

var smallCircle = paper.circle(300,100,50).attr({'fill':'green'}).data('id','green');

var newSet = paper.set();

newSet.push(circle,text);

newSet.attr({cursor:'pointer'}).data('id','oval');

newSet.click(function () {
    //smallCircle.attr({opacity:0.5}); //it works but i have no.of circle added by loop.
    smallCircle.data('green').attr({opacity:0.5}); //this is not working. i am setting unique data on each circle

} )

Jsfiddle here

Answer 1

尝试这个...使用选择器如下..

smallCircle.data('id','green').attr({opacity:0.5}); //modified ...

http://jsfiddle.net/Amb9b/2/

如何通过数据或任何其他独特价值获得Raphael元素？

1 个答案: