2

Всем привет! Помогите разобраться!

Есть изображение и его map area, по наведению на которое должна появляться подсказка.

По какой-то причине подсказка не работает в Google Chrome и Safari - судя по всему, не срабатывают события. Можно как-то это обойти или проэмулировать? Или, может, кто знает какой jQuery плагин, корректно работающий в такой ситуации?

 $(function () {
     $('.allod').mouseover(function () {
         $('#hint').css("visibility", "visible").css("cursor", "pointer");
     }).mouseout(function () {
         $('#hint').css("visibility", "hidden").css("cursor", "default");
     }).mousemove(function (e) {
         h = $('#hint').height() * 3;
         w = $('#hint').width() + 15;
         $('#hint').css("left", (e.pageX + w)+"px").css("top", (e.pageY - h)+"px");
     });
 })

Демонстрация на jsfiddle.net.

2 ответа 2

1

Есть баг в chromium. Возможно, это относится к Webkit.

4
  • Видимо так и есть, поскольку в Safari аналогичная проблема. А как обойти этот баг не знаете ?
    – t1nk
    28 мая 2012 в 9:34
  • Печально... Что же буду искать дальше.
    – t1nk
    3 июн 2012 в 9:48
  • @t1nk в последнем обновлении Chrome исправлено
    – andrybak
    3 июн 2012 в 9:55
  • Возможно... Я ставил его из offline-утановщика, поэтому он у меня не обновляется автоматом. Скорее всего я не один такой - поэтому нужно решение...
    – t1nk
    3 июн 2012 в 10:05
1

Вот это попробуйте - http://davidlynch.org/projects/maphilight/docs/

Tested with

Firefox
IE 6, 7, 8, 9
Safari 3, 4, 5
Chrome
Opera 9, 10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.