2013-03-26 1 views
0

크롬이 작동하지 않는 이유를 알아낼 수 없으며 IE와 Firefox에서 정상적으로 작동합니다.On Joverctmap에 대한 호버 기능이 표시되지 않습니다.

$(function() { 
$('#jvectormap-mill').vectorMap({ 
    map: 'world_mill_en', 
    backgroundColor: 'white', 
    regionStyle: { 
     initial: { 
      fill: '#002d62' 
     }, 
     hover: { 
      fill: '#FEC057', 
      "fill-opacity": 1 
     } 
    }, 
    series: { 
     regions: [{ 
      scale: ['#00B5E6'], 
      attribute: 'fill', 
      values: SavillePartnerArray() 
     }] 
    }, 
    onRegionLabelShow: function (e, label, code) { 
     for (var partner in SavillePartners) { 
      if (partner == code) { 

       $("#jvectormap-label").position = e.position; 
       return false; 
      } 
     } 
    }, 
    onRegionOver: function (e, code) { 
     var label = $("#jvectormap-label"); 
     var region = $(".jvectormap-region[data-code='" + code + "']"); 

     for (var partner in SavillePartners) { 
      if (partner == code) { 
       var Title = SavillePartners[code].name; 

       // Create HTML 
       var stringHtml = '<div class="jvectormap-label2"><div id="titleTextbox"><span id="titleSpan">' + Title + '</span></div><div class="globeLogoDiv"><img src="/images/international-partner-logos/saville-globe.jpg" alt="globe"/></div><div class="savilleLogoDiv"><img src="/images/international-partner-logos/saville-logo.jpg" alt="savilleconsulting" class="savilleLogoImg"/></div>'; 
       if (SavillePartners[code].accreditedTrainer == 1) { 
        stringHtml = stringHtml + '<div class="internationalPartnersContainer"><div class="internationalContainer"><strong>INTERNATIONAL</strong></div><div class="partnersContainer">PARTNER</div></div><div class="accreditedTrainerContainer" ><div class="accreditedContainer"><strong>ACCREDITED</strong></div><div class="trainerContainer">TRAINER</div></div>'; 
       } 
       else { 
        stringHtml = stringHtml + '<div class="internationPartnersSingle"><strong>INTERNATIONAL PARTNER</strong></div>'; 
       } 
       stringHtml = stringHtml + '</div>'; 
       label.html(stringHtml); 
       label = region.mousemove(function (t) { 
        var label = $("#jvectormap-label"); 
        label.css({ 
        left: t.pageX + 15, 
        top: t.pageY + 15 
        }); 
       }); 

       // Expand the title text to fit 
       var spanWidth = $("#titleSpan").width(); 
       var newFontSize = (250/spanWidth * 12); 
       $("#titleSpan").css({ "font-size": newFontSize, "line-height": newFontSize/1.2 + "px" }); 

       return; 
      } 
     } 
     e.preventDefault(); 
    }, 
    onRegionOut: function (e, code) { 
     var label = $("#jvectormap-label"); 
     label.html(''); 
     label.display = 'none'; 
    }, 
    onRegionClick: function (e, code) { 
     for (var partner in SavillePartners) { 
      if (partner == code) { 
       var link = SavillePartners[code].link; 
       document.location.href = '/International/' + link; 
      } 
     } 
    }, 
    focusOn: { 
     x: mapXFocus, 
     y: mapYFocus, 
     scale: mapScale 
    } 
}); 

});

개발자 도구는

것은 당신이 FF와 IE에서의 작동은하지만 크롬하지 here을 클릭하고 가벼운에 가져가주십시오 방법을 직접보고 싶다면 ... 왜의 방향으로 날 가리 키도록 아무것도 표시되지 않습니다 푸른 국가. 내가 몇 시간 동안이 일에 매달렸 기 때문에 어떤 도움이라도 대단히 감사 할 것입니다.

답변

0

Chrome 버전 25.0.1364.172를 사용하고 있으며 저에게 효과적입니다. 어떤 버전을 사용하고 있습니까? 더 많은 데이터가 있습니까? 색상이 바뀌고 정확히 무엇을 해결하려고합니까?

+0

매우 이상한 버전 25.0.1364.172m을 사용하고 있습니다. 마우스를 가져 가서 국가를 클릭하면 특정 페이지로 이동할 수 있습니까? – LaurenceP

+0

내 회사의 다른 사람과 이야기를하고 크롬에서 작업 중이므로 다시 설치하고 문제를 해결할 것입니다. 그러나 나는 그것의 단지 나의 것을 안다 기쁘다 :) 그것을 알아 내려고 노력하는 시간을 보내었던 어떤 경이가 아니라도. ... – LaurenceP

+0

그리고 고맙다. – LaurenceP