Question

我需要你的jVectorMap安装帮助。请看一下这个项目：

向下滚动到左下方列，然后尝试鼠标悬停或点击任意国家/地区。

我初始化jVectorMap的代码是：

$.ajax({
    type: "POST",
    url: "worldmapdata.php",
    dataType: "json",
    data: dataString,
    cache: false,
    success: function(html)
    {
        var mapData;
        mapData = html;
        $('#world-map').html('');
        $('#world-map').vectorMap({
            map: 'world_mill_en',
            backgroundColor: '#a5bfdd',
            regionsSelectable: true,
            focusOn: {
                x: 0.4,
                y: 0.3,
                scale: 2.61464672130868
            },
            regionStyle: {
                initial: {
                    fill: 'white',
                    "fill-opacity": 1,
                    stroke: 'none',
                    "stroke-width": 0,
                    "stroke-opacity": 1
                },
                hover: {
                    "fill-opacity": 0.8
                },
                selected: {
                    fill: 'yellow'
                },
                selectedHover: {
                }
            },
            series: {
                regions: [{
                    values: mapData,
                    scale: ['#C8EEFF', '#0071A4'],
                    normalizeFunction: 'polynomial'
                }]
            },
            onRegionOver: function(e, el, code){
                el.html(el.html()+' (GDP - '+mapData[code]+')');
            }
        }).trigger('create');
    }
});

很高兴能找到解决这个问题的正确方向。

Answer 1

您的合并javascript存在问题或导致冲突。我从HTML文件（http://www.yapeople.com/Hans+Spitzer/js/g=js_on）中删除了js include，并且jVectorMap在鼠标悬停和点击事件下工作正常。

我甚至使用你的jVectorMap初始化代码设置了一个jsfiddle（没有冲突的js），它正在按预期工作。

尝试仅使用jQuery和jVectorMap构建合并的JS，并继续添加库/框架直到它中断。这样就可以了解导致冲突的代码。

Answer 2

@Mike：谢谢你的答复，它帮助我解决了问题......这是jquery.validate.js插件。我不知道为什么但是现在我只是禁用了这个插件才能让地图发挥作用。

致以最诚挚的问候，

英格玛

jVectorMap：没有鼠标悬停和onclick可能

2 个答案: