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

时间:2017-05-29 11:19:57

标签: javascript jquery jvectormap

我正在使用名为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或给出一些建议,那就太棒了。

1 个答案:

答案 0 :(得分:1)

如果您查看documentationvectorMap()的{​​{1}}有一个特殊选项可供选择:

onRegionClick