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

我正在使用一个名为jVectorMap的jQuery插件。具体来说，我使用的是这张地图：

每个国家都有一个唯一的数据代码，例如西班牙的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>

知道为什么吗？如果有人可以查看或提供一些建议，那就太好了。

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

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

---

例如，在jsfiddle上提供一个小的工作示例就可以了。我猜您是在创建path元素之前绑定了click。检查它在DOM上存在后是否绑定到它以使其正常工作，但在显示示例之前无法完全确定。My jvector map最初设置为显示：无，这会有影响吗？只要在DOMonRegionClick上，就没有问题。谢谢