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을 클릭하고 가벼운에 가져가주십시오 방법을 직접보고 싶다면 ... 왜의 방향으로 날 가리 키도록 아무것도 표시되지 않습니다 푸른 국가. 내가 몇 시간 동안이 일에 매달렸 기 때문에 어떤 도움이라도 대단히 감사 할 것입니다.
매우 이상한 버전 25.0.1364.172m을 사용하고 있습니다. 마우스를 가져 가서 국가를 클릭하면 특정 페이지로 이동할 수 있습니까? – LaurenceP
내 회사의 다른 사람과 이야기를하고 크롬에서 작업 중이므로 다시 설치하고 문제를 해결할 것입니다. 그러나 나는 그것의 단지 나의 것을 안다 기쁘다 :) 그것을 알아 내려고 노력하는 시간을 보내었던 어떤 경이가 아니라도. ... – LaurenceP
그리고 고맙다. – LaurenceP