ImageMapster (JavaScript)- функция "onClick" не будет работать правильно
У меня возникла проблема с функцией ImageMapster. Весь Проект работает, кроме этой маленькой проблемы:
$('#STADION1').mapster({
mapKey: 'href',
fillColor:'999999',
stroke: true,
strokeWidth:2,
strokeColor:'3355aa',
onClick: function(data){
$test = "";
$test = $('area').mapster('get');
document.getElementById('awesome').innerHTML = $test ;
}
});
Итак, у меня есть 1000 строк "координаты", которые все работают ("href" установлен на "#Number"). Что я хочу сделать: если вы нажмете на координату, специальное значение "href" будет показано в абзаце (с идентификатором "awesome") на моем сайте. Базовый скрипт работает, но в этом есть небольшая ошибка. Если я нажму на "первую" координату, в моем параграфе ничего не появится. Если я нажму на "вторую" координату, появится значение "href" из первой координаты... и так далее. Последний "щелчок" не будет apprea в моем параграфе, и я не знаю почему.
Чтобы проверить, работает ли моя карта изображений, я сделал кнопку с id = "getAreas". Эта кнопка получила свое собственное "нажатие кнопки". Если кнопка нажата, абзац (я также использую верхний скрипт) покажет текущие "отмеченные" координаты. это работает отлично. Но я хочу сделать это немедленно "onClick", как я описал на верхней стороне.
$('#getAreas').bind('click',function() {
$test = $('#STADION1').mapster('get');
document.getElementById('awesome').innerHTML = $test;
});
Можете ли вы, ребята, помочь мне <3. Я не знаю, как решить эту проблему
tl; dr: есть сценарий, в котором я хочу показать (значение "href =" текущих нажатых "областей" моего изображения). Если я использую "onClick", это работает, но "последняя" область не даст его href- информация. Если я использую "Button-Script", он работает отлично. Но я не буду использовать кнопку. Пожалуйста, помогите:)