jQuery SVG removeClass（）

好吧，在花了好几个小时想办法解决这个问题后，我什么也没想到。我知道我需要SVG jQuery插件，所以我有了它，并且使toggleClass（）函数能够工作，但我正在尝试从所有组元素中删除类，然后将另一个类添加到组元素中：

$('g').removeClass().addClass('slice');

我是从jQuery站点上的removeClass文档中找到这行代码的

最终，我的愿望是拥有这个技能饼图，当单击一个切片时，它会从饼图中稍微删除，直到单击另一个切片。单击另一个切片后，上一个切片将返回到饼图，并拉出新单击的切片。您可以通过查看我的JSFIDLE来了解我的意思。我已经设法让这些切片退出，但我正在努力让它们在点击另一个切片时滑回

JSFIDLE示例：

我一直在尝试浏览Keith Wood插件的文档：

---

但只是运气不好。任何帮助都将不胜感激。如果有什么含糊不清或需要澄清，请告诉我。提前谢谢你

使用jquery的

id

选择器，而不是

g

。

尝试以下操作：

$('g').attr("class","").addClass('slice');

试试这个：

$(".slice").click(function () {

    $('g').attr("class","").addClass('slice');

    if ($(this).is("#HTML_1_")) {            
        $(this).toggleClass("HTML_1_clicked");
    } else if ($(this).is("#Wordpress")) {            
        $(this).toggleClass("Wordpress_clicked");
    } else if ($(this).is("#jQuery")) {           
        $(this).toggleClass("jQuery_clicked");
    } else if ($(this).is("#java_1_")) {            
        $(this).toggleClass("java_1_clicked");
    } else if ($(this).is("#Dreamweaver")) {            
        $(this).toggleClass("DW_clicked");
    } else if ($(this).is("#Photoshop")) {           
        $(this).toggleClass("PS_clicked");
    } else {            
        $(this).toggleClass("CSS_clicked");
    }
});

---

这里工作小提琴：

你最好考虑<代码>。点击< <代码>作为你的代码>的一个状态/类。Studio< /Cord>元素。 无需删除

.slice

类

---

看看这个问题：

您需要定义要删除的类，但removeClass（）不起作用