javascript - 当我使用 jvector map 单击一个国家/地区时，重定向到另一个页面

Question

我正在使用一个名为 jVectorMap 的 jQuery 插件。具体来说，我正在使用这张 map :http://jvectormap.com/maps/world/world/

每个国家/地区都有唯一的数据代码，例如西类牙的 ES 但我无法访问它。例如，我完成了以下 jQuery 代码:

$('path').on('click', function(){
    var country = $(this).data('code');
    console.log(country);
});

什么也不做。这是 HTML，所以它应该可以工作。

<path d="asiunaowifh" data-code="ES"
fill="#333" fill-opacity="1" stroke="none" 
stroke-width="0" stroke-opacity="1" fill-rule="evenodd" class="jvectormap-region jvectormap-element" 
cursor="pointer">
</path>

知道为什么不吗？如果有人可以看看documentation或者给出一些很好的建议。

Answer 1

如果您查看 documentation ，有一个名为 onRegionClick 的 vectorMap() 特殊选项，它可以工作:

$('#map').vectorMap({
    map: 'world_mill', 
    onRegionClick: function(event, code) {
        console.log(code);
    }
});