показать функцию, не работающую с картой изображений

У меня есть карта изображений, и я хочу использовать функцию показа, чтобы исчезнуть в некоторых прямоугольниках div. Но он не отвечает.

JavaScript

<script type="text/javascript">
$(".levert").click(function () {
$("#popUpDiv").show("slow");
});

</script>

HTML

<img id="logo" src="./logo2.png" alt="Phlox" usemap="#links"><p class="logotext">Phlox</p></img>

<map name="links">
<area shape="circle" coords="294,46,46" href="#" class="levert"></area>
</map>

</div>
<div id="popUpDiv" style="display:none">
</div>

CSS

#popUpDiv {
      position:absolute;
      background-color:#3F6;
      width:400px;
      height:400px;
      border:5px solid #000;
      z-index: 9002;
      }

javascript jquery area show imagemap
person Lex Lemmens    schedule 09.11.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Оберните свой код вызовом готовности документа:

<script type="text/javascript"> 
$(document).ready(function() {
    $(".levert").click(function() {
        $("#popUpDiv").show("slow");
    });
});
</script>​
person j08691    schedule 09.11.2012
comment
да читал об этом зачем это нужно ? не знаю значения этой функции РЕДАКТИРОВАТЬ: я думаю, что знаю значение, сначала jquery.js должен быть загружен, прежде чем вы сможете что-то написать с ним. - person Lex Lemmens; 09.11.2012
comment
Это гарантирует, что код загрузится сразу после загрузки DOM и до загрузки содержимого страницы. в противном случае без него он попытается выполниться до загрузки страницы (и содержимого, с которым вы хотите, чтобы код работал). - person j08691; 09.11.2012

arrow_upward
0
arrow_downward

У меня работает в Fx17 и Chrome 22 на Mac, если я делаю это после загрузки страницы

$(function() { .... });

ДЕМО

person mplungjan    schedule 09.11.2012