好吧,经过几个小时的努力想出一种方法来做这件事,我什么也没想出来。我知道我需要SVG jQuery插件,所以我已经使用了toggleClass()函数,但是我尝试从我的组元素中删除类,然后将另一个类添加到组元素中:
$('g').removeClass().addClass('slice');
我从removeClass站点上的jQuery文档中找到了这一行代码。
最终,我的愿望是拥有这个饼的技能图表,当一个切片被点击时,它会从饼中被稍微移除,直到另一个切片被点击。一旦单击了另一个切片,就会将前一个切片返回到饼图中,然后取出新单击的切片。通过查看我的jsFiddle,你可以看到我得到了什么。我已经成功地把切片拉出来了,但是当另一个切片被点击时,我正在挣扎的地方是让它们重新滑入。
jsFiddle示例:http://jsfiddle.net/jrjacobs24/BhWCh/30/
我一直试图在这里查看Keith插件的文档:
http://keith-wood.name/svg.html#dom
但只是没什么运气。任何帮助都将不胜感激。如果有什么事情是模糊的或需要澄清的,请告诉我。提前谢谢你!
发布于 2013-08-26 09:16:29
最好将.clicked
视为.slice
元素的状态/类。不需要删除.slice
类。
看看这把小提琴:http://jsfiddle.net/sinsedrix/AKXTV/
发布于 2013-08-26 08:26:51
试试这个:
$('g').attr("class","").addClass('slice');
发布于 2013-08-26 08:23:49
而不是使用g
,而是为jquery使用id
选择器。
https://stackoverflow.com/questions/18439647
复制相似问题