Метка маркера jvectormap размещена над мышью IE

У меня проблема с jvectormap только в Internet Explorer.

Когда я навожу курсор на маркер в регионе, метка отображается над маркером. Я все еще вижу мышь, но не могу щелкнуть маркер, чтобы открыть ссылку или что-то еще. Так что он просто мерцает, когда я немного двигаю мышью.

Код для отображения метки:

onMarkerLabelShow: function(event, label, index){
            label.html(
                '<b>'+label.html()+'</b><br />'+
                markers[current_country][index].html
            );
        },

Дело в том, что если я удаляю текст маркеров и просто отображаю заголовок, который находится между тегами <b>, он работает нормально.

Возможно, текст после <br/> слишком длинный? Или я могу разместить метку для IE на других позициях?


jquery internet-explorer jvectormap
person Havrin    schedule 15.02.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Проблема в разрывах строк. Не работает корректно в IE с тегами br и p, а также не работает с clear:both.

Это грязный обходной путь, но он работает как шарм:

Прямо перед вызовом «label.html» вставьте эту строку кода:

label.css('left',-200);

Он по-прежнему будет корректно работать в Firefox и Chrome, и больше не будет проблем в IE.

person luschn    schedule 25.02.2013
comment
почему минус, если можно спросить? потому что это решило проблему для меня, хотя это грязный хак. - person luschn; 16.08.2013
comment
Не знаю, как отблагодарить! Я сходил с ума от IE. Работает как шарм - person Awena; 25.10.2014