如何使用javascript/jquery添加指向页面链接（url）的OnClick函数

好的，我正在使用这里的奇妙地图插件：

我是一个傻瓜。。。无法理解如何实现文档“引用”部分中提到的参数，该部分说明可以使用“onRegionClick”

有谁能告诉我如何实现这一点，当我点击一个地区（美国地图上的一个州）时，它就会进入一个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>

$（函数（）{
$（'#main'）.vectorMap({
地图：“美国”，
颜色：“#aaaaa”，
hoverColor:false，
悬停不透明度：0.5，
颜色：{pa:'#F00，ny:'#F00，}，
背景颜色：“假”，
onRegionClick:showmyinfo
});
});
函数showmyinfo（事件、标签）{
开关（标签）
{
案例“pa”：
$（“#location'）.html（'PA Locations:
位置1
这条街123
宾夕法尼亚州哈弗顿19083
）；
打破
案例“ny”：
$（“#location'）.html（'NY Locations:
location 1
123这条街
纽约布鲁克林11249
）；
打破
}
}

---

非常感谢任何帮助

也许这样做会奏效：

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

---

我也有同样的问题。但我找到了一个解决办法：

$(document).ready (function() {
$('#map').vectorMap( {
    map: 'germany_en',
    backgroundColor: 'red',
    hoverColor: 'black',
    onRegionClick: function(event, code) {
        if (code === 'th') {
            window.location = 'index.php?id=2'
        }
        else if (code === 'mv') {
            window.location = 'index.php?id=3'
        }
        else if (code === 'rp') {
            window.location = 'index.php?id=4'
        }
    }
});
});

现在，您可以为每个区域创建一个单独的url（由其代码标识）

表单“index.php？id=2”来自TYPO3，因此您应该根据所使用的内容对其进行调整

---

问候

我发现这对我来说很有用

onRegionClick: function(event, code){
                        if (code == "US-AZ") {window.location = '/url1'}
                        if (code == "US-TX") {window.location = '/url2'}
                        if (code == "US-CA") {window.location = '/url3'}
                        if (code == "US-NV") {window.location = '/url4'}
                        if (code == "US-LA") {window.location = '/url5'}
},

---

我确信通过使用（事件、代码）这是朝着正确方向迈出的一步，但我不知道如何让它工作。基本上，我希望我们所有的州都有一个URL。我希望如果我能想出一个办法，我可以为所有人添加链接。每个状态都是自己的url。将

window.location..

更改为

alert（code）

怎么样，这样你就可以知道你想用它做什么了？问题是…我真的没办法。我不明白如何正确地做这件事。我所知道的是，现在当你点击区域时，它可以在div中显示信息。我想单击go to url，而不是在同一页面的div上显示它。我可以实现我在网上看到和搜索过的东西。但是，当涉及到编写语法时，我不知道如何从头开始。我假设这个概念是这样的：函数showmyinfo（event，code）{case'pa'：window.location='pa_page.php？code='+code；break；我的意思是你可以将我的

onRegionClick

粘贴到你的代码中，并将其中的单行

window.location..

更改为

alert（code）

。很抱歉，我不知道这有什么帮助。我在这些链接中搜索了其他帮助，但我想不出来。此外，我还可以将jQuery添加到函数中。例如，单击Nevada可以在同一页面中添加新内容。您也可以添加/#url1等等。只需查看映射文件中的代码命名约定即可或数据。