jquery - SVG map onclick 背景颜色应为黑色 "#000"

Question

我在我的元素中使用这个 SVG 印度 map ，鼠标悬停颜色正在改变，但我需要如果用户点击任何状态，那么它应该重定向到其他页面并且背景颜色应该激活为黑色“#000”状态。

http://www.acmearchitectural.com/indiamapsvgfiles/map.html#

我正在尝试下面的 jquery 代码但没有成功:

$(document).ready(function(e){  
    $('path[id^="select"]').click(function(){    
        $(this).css('background-color',"#ccc") 
    })
})

请帮我解决这个问题。

Answer 1

要更改该路径的背景颜色，您需要设置 fill css 属性

$(document).ready(function(e){  
    $('path[id^="select"]').click(function(){    
        $(this).css('fill',"#000") 
    })
})

话虽如此，在您链接的示例中，有些事件已经设置了该值，因此如果将鼠标悬停在鼠标上并移出，它将重置回原始颜色。您可以控制这些事件吗？