我做了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
} )