jVectorMap:不允许鼠标悬停和单击

Question

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

HERE

向下滚动到左下栏，并尝试鼠标移到或单击任何国家/地区。

我用来初始化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插件。我不知道为什么，但现在我只是禁用了这个插件，让地图正常工作。

诚挚的问候,

英格玛