Jquery: событие наведения курсора на области карты - PullRequest
Новая
       24

Jquery: событие наведения курсора на области карты

5 голосов
/ 08 августа 2011

Я пытаюсь выполнить действия при наведении курсора на область карты изображения.Вот мой HTML: 

<img src="img/denisanddavid-bkgd.jpg" alt="Denis and David - web development and solution" width="1024" height="1299" border="0" usemap="#bkgdMap" id="bkgd" />
    <map name="bkgdMap" id="bkgdMap">
         <area shape="rect" coords="12,161,341,379" href="#" alt="qdk" id="qdk" class="mapping" />
         <area shape="rect" coords="347,162,675,379" href="#" alt="gifgif" alt="gifgif" class="mapping" />
    </map>

А вот мой js: 

$('.mapping').mouseover(function() {

    alert($(this).attr('id'));

}).mouseout(function(){
    alert('Mouseout....');      
});

Я не понимаю почему, но jquery запускается только для первой области, а не для других,Любая помощь будет принята с благодарностью.

Спасибо.

Ответы [ 2 ]

4 голосов
/ 08 августа 2011

Я только что попробовал ваш код в Safari, и он работает так, как задумано.2 отдельные области, которые выдают отдельные предупреждения.Один из них предупреждает «qdk», а другой «undefined», так как у вас нет атрибута ID для второй карты.

0 голосов
/ 08 августа 2011

Вы пробовали использовать hover?

пример с сайта jquery ... 

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);
...