0

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

现在我如何单击所需的圆圈 onclick 以通过数据隐藏或动画其他圆圈..?

我不知道方法是否正确。如果这不是一种方法,请告诉我您的建议,或者给我一些建议。

提前致谢。

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在这里

4

1 回答 1

1

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

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

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

于 2012-11-05T13:00:28.870 回答