0

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

这是 JSFiddle 示例

悬停效果对我来说效果很好,但是我想在单击路径(国家/地区)时切换效果

如果有人可以帮助我,那就太好了。

这就是我试图得到的:

工作示例

4

3 回答 3

1

单击与悬停相同:

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

    $(this).attr({
      fill: "#FF0000",
      stroke: "#00FF00"
    });
}) // etc
于 2012-05-23T14:31:49.413 回答
1

这就是你想要的:)

例子

于 2012-05-23T14:34:02.940 回答
0

这应该会有所帮助。

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

下面的代码将从红色切换到白色,从白色切换到红色,因此您可以根据自己想要的颜色进行样式设置。

演示

于 2012-05-23T14:43:24.317 回答