0

イメージマップがあり、show関数を使用して長方形の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;
      }
4

2 に答える 2

1

ドキュメントの準備が整った呼び出しでコードをラップします。

<script type="text/javascript"> 
$(document).ready(function() {
    $(".levert").click(function() {
        $("#popUpDiv").show("slow");
    });
});
</script>​
于 2012-11-09T17:42:48.073 に答える
0

ページの読み込み後に実行すると、MacのFx17とChrome22で機能します

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

デモ

于 2012-11-09T17:45:39.027 に答える