инициировать hover у карты
есть векторная карта
там при наведении над регионом(hover) подсвечивается регион задается цвет hoverColor: '#87acc7',
$('#vmap').vectorMap({
map: 'world_en',
color: '#e7d8c5',
hoverColor: '#87acc7',
onRegionOver: function (event, code, region)
{
if (arrayCode.indexOf(code) == -1) {
event.preventDefault();
}
}
});
http://jsfiddle.net/uhg6rv89/ а мне нужно чтобы он еще подсвечивался(то есть срабатывал hover) когда я провожу над списком стран, который добавлен рядом если я делаю $('#vmap').vectorMap({}); с нужными параметрами, тогда просто создается просто другая карта а мне нужно чтобы подсвечивался нужный регион регион распознается по коду - переменная code |
alexmixaylov,
$(".code").each(function() {
var a = $(this),
b = "#jqvmap1_" + a.attr("code");
a.on({
mouseenter: function() {
$(b).mouseenter()
},
mouseleave: function() {
$(b).mouseleave()
}
})
});
|
рони, ты просто ГЕНИЙ
у меня других слов просто нет недаром ты Профессор :) один баг остался позиционирование лейбла работает некоректно а так просто супер |
Цитата:
|
alexmixaylov,
или так
$(".code").each(function() {
var a = $(this),
b = "#jqvmap1_" + a.attr("code");
a.on({
mouseenter: function() {
var a = $(".jqvmap-label"),
c = $(b),
d = c.offset();
c.mouseenter();
a.css({
left: d.left,
top: d.top
})
},
mouseleave: function() {
$(b).mouseleave()
}
})
});
|
alexmixaylov,
или так чтоб не мучатся с позиционированием
$(".code").each(function() {
var a = $(this),
b = "#jqvmap1_" + a.attr("code");
a.on({
mouseenter: function() {
$(b).mouseenter();
$(".jqvmap-label").hide()
},
mouseleave: function() {
$(b).mouseleave()
}
})
});
|
| Часовой пояс GMT +3, время: 12:31. |