单击svg组上的事件

Question

我对SVG很新，想要求一些帮助。我所拥有的是一张地图，我在SVG代码中使用了分组元素。每个组都有一个ID。

我有以下功能，一旦你将鼠标悬停在一个组上，一个div的rel属性与svg group id相同，然后显示在屏幕右侧。

这可行，但是当你点击svg组而不是你悬停时它可以工作。如何使用SVG组触发点击事件？

$('svg g').hover(function() {
    $(".map-data").hide();
    var id = $(this).attr('id');
    $(".location-information[rel=" + id + "]").show();
},function(){
    $(".location-information").hide();
    $(".map-data").show();  
});

任何建议的帮助都会很棒。谢谢善良的人。