-5

実際の質問に対して jsfiddle を作成できませんでした。

HTML

<div class="item1">
  item1
</div>
<div class="item2">
    item2
</div>

CSS

item1 {
    position:absolute;
    width:100px;
    height:100px;
    background-color:red;
    top:5%;
}

.item2 {
    position:absolute;
    width:50px;
    height:50px;
    background-color:blue;
    top:8%;
    left:1%;
    display:none;
}

item1ホバーにitem2を表示しようとしています

http://jsfiddle.net/z9Unk/23/

しかし、ホバーするとitem2が表示されません。それは正しいはずです??

助けてください？

4

6 に答える 6

1

item1 がホバーを失うので、それを非表示にする必要があると思います

$(".item1").hover(
    function() {
      $(".item2").show();
    },function(){
    $(".item2").hide()
    }
);

そしてもちろん、ディスプレイのcssプロパティを変更して表示および非表示にするコードを変更しました。同じ効果を達成する

于 2013-02-21T15:06:47.160 に答える
0

このように使用すると、$ 記号が欠落します

$(".item1").hover(
function() {
  $(".item2").css("display", "block");
}
);

フィドルを見る

于 2013-02-21T13:42:00.947 に答える