2013-11-15 61 views
0

我需要你在jVectorMap安裝上的幫助。請看看這個項目: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'); 
    } 
}); 

將是巨大的得到一個提示正確的方向來解決這個問題。

回答

0

您的合併javascript有什麼問題或者是導致衝突的原因。我從HTML文件(http://www.yapeople.com/Hans+Spitzer/js/g=js_on)中刪除了js include,jVectorMap在鼠標懸停和單擊事件時正常工作。

我甚至使用您的jVectorMap初始化代碼(沒有衝突的js)設置jsfiddle並且它按預期工作。

嘗試只用jQuery和jVectorMap構建合併的JS,並且不斷添加庫/框架直到它斷開。這已經讓你知道哪些代碼會導致衝突。

0

@Mike:謝謝你的回答,它幫助我解決了這個問題......它是jquery.validate.js插件。我不知道爲什麼,但現在我只是禁用這個插件的地圖工作。

最好的問候,

英格瑪