jquery在点击时切换悬停效果

Question

尝试在点击时切换属性时遇到一些问题。

here is the JSFiddle example

悬停效果对我来说很好，但我想在点击路径（国家/地区）时切换效果

如果有人能帮助我会很棒。

这是我试图得到的：

Working example

Answer 1

点击与悬停相同：

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

    $(this).attr({
      fill: "#FF0000",
      stroke: "#00FF00"
    });
}) // etc

Answer 2

这就是你想要的：）

Example

Answer 3

这应该有所帮助。

$("path").toggle(function() {
    $(this).attr({
        fill: "#FFFFFF",
        stroke: "#eee"
    });
}, function() {
    $(this).attr({
        fill: "#FF0000",
        stroke: "#00FF00"
    });
});

下面的代码将从红色切换为白色，从白色切换为红色，因此您可以根据您想要的颜色进行样式。

的 Demo