クリック時に属性を切り替えようとすると、いくつかの問題があります。
ホバー効果はうまく機能しますが、パス (国) をクリックしたときに効果を切り替えたい
誰かが私を助けることができれば素晴らしいでしょう。
これは私が取得しようとしているものです:
これはあなたが望むものです:)
クリックはホバーと同じです。
$("path").click(function() {
$(this).attr({
fill: "#FF0000",
stroke: "#00FF00"
});
}) // etc
これは役立つはずです。
$("path").toggle(function() {
$(this).attr({
fill: "#FFFFFF",
stroke: "#eee"
});
}, function() {
$(this).attr({
fill: "#FF0000",
stroke: "#00FF00"
});
});
次のコードは、赤から白、白から赤に切り替わるため、必要な色に応じてスタイルを設定できます。
デモ