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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用javascript / jquery添加到页面链接(url)的OnClick函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1137字，纯文字阅读大概需要2分钟。

内容图文

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

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>

任何帮助非常感谢

解决方法:

也许这样做会有效：

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

内容总结

以上是互联网集市为您收集整理的如何使用javascript / jquery添加到页面链接(url)的OnClick函数全部内容，希望文章能够帮你解决如何使用javascript / jquery添加到页面链接(url)的OnClick函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端