如何使用javascript / jquery添加到頁面鏈接（url）的OnClick函數

Question

好的我正在使用這里找到的精彩地圖插件：

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

我是一個菜鳥......無法弄清楚如何實現文檔中“參考”部分中提到的參數，該文檔說明您可以使用“onRegionClick”。

任何人都可以告訴我如何實現這一點，以便當我點擊一個區域（美國地圖上的一個州）時，它會轉到一個URL嗎？

如果這有幫助，我當前的工作示例使用我想要的參數在頁面上顯示我想要的信息，但僅在現有頁面上的div（div稱為#location）中顯示。 我希望它能找到一個網址。

<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

我發現這對我有用。

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'}
},

Answer 2

也許這樣做會有效：

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

Answer 3

我只是遇到了同樣的問題。 但我找到了一個解決方案：

$(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，所以你應該根據你正在使用的內容進行調整......

問候