javascript - 如何使用 javascript/jquery 添加转到页面链接(url)的 OnClick 函数

Question

好的，我正在使用在这里找到的很棒的 map 插件:

http://jvectormap.owl-hollow.net/#maps

我是菜鸟...无法弄清楚如何实现文档“引用”部分中提到的参数，该部分声明您可以使用“onRegionClick”。

谁能告诉我如何实现这一点，以便当我点击一个区域(美国 map 上的一个州)时它会转到一个 URL？

如果这有帮助，我当前的工作示例使用我想要的参数在页面上显示我想要的信息，但仅在现有页面上的 div(div 称为 #location)中。我希望它转到一个 url。

<script>
$(function(){
    $('#main').vectorMap({
        map: 'usa_en',
        color: '#aaaaaa',
        hoverColor: false,
        hoverOpacity: 0.5,
        colors: {pa:'#F00, ny:'#F00, },
        backgroundColor: 'false',
        onRegionClick: showmyinfo       
    });
});

function showmyinfo(event,label){
    switch (label)
    {
        case 'pa':
            $('#location').html('<h3>PA Locations:</h3><ul><li>Location 1</li><li>123 This Street</li><li>Havertown, PA 19083</li></ul>');
            break;
        case 'ny':
            $('#location').html('<h3>NY Locations:</h3><ul><li>Location 1</li><li>123 This Street</li><li>Brooklyn, NY 11249</li></ul>');
            break;
    }
}
</script>

非常感谢任何帮助

Answer 1

也许这样做会奏效:

$(function(){
    $('#main').vectorMap({
        ..
        onRegionClick: function (event, code) {
            window.location = 'page.php?code=' + code;
        }
    });
});