инициировать 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, время: 03:57. |