当我使用 jvector 地图点击一个国家时重定向到另一个页面

Question

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

每个国家/地区都有独特的data-code，例如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，vectorMap() 有一个名为 onRegionClick 的特殊选项有效：

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

当我使用 jvector 地图点击一个国家时重定向到另一个页面

Redirect to another page when I click on a country using jvector map

javascript

jquery

jvectormap