jVectorMap : 마우스 오버 및 onclick 불가능

jVectorMap 설치에 대한 도움이 필요합니다. 프로젝트를 살펴 제발 : 하단 왼쪽 열을 아래로jVectorMap : 마우스 오버 및 onclick 불가능

스크롤 및 마우스를 움직일 또는 국가를 클릭하십시오. 내가 함께 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'); 
    } 
});

이 문제를 해결하기 위해 올바른 방향에 대한 힌트를 얻을 좋은 것입니다.

출처

2013-11-15 Ingmar Erdös

병합 된 javascript에 문제가 있거나 충돌이 발생합니다. HTML 파일 (http://www.yapeople.com/Hans+Spitzer/js/g=js_on)에서 js include를 제거했고 jVectorMap이 마우스 오버 및 클릭 이벤트에서 정상적으로 작동합니다.

심지어 jVectorMap 초기화 코드 (충돌하는 js 제외)를 사용하여 jsfiddle을 설정하고 예상대로 작동합니다.

jQuery 및 jVectorMap 만 사용하여 병합 된 JS를 빌드하고 라이브러리/프레임 워크가 중단 될 때까지 계속 추가하도록하십시오. 그러면 이미 어떤 코드가 충돌을 일으키는 지 알 수 있습니다.

출처

2013-11-16 11:00:30

@Mike : 답변 해 주셔서 감사합니다. 문제점을 해결하는 데 도움이되었습니다. jquery.validate.js 플러그인이었습니다. 이유는 모르겠지만 지금은지도가 작동하도록이 플러그인을 사용할 수 없게되었습니다.

안부,

잉마르

출처

2013-11-16 12:06:47

jVectorMap : 마우스 오버 및 onclick 불가능

답변

관련 문제