0

divにカーソルを合わせて、画像を表示/非表示にしようとしています。

これがフィドルです：http：//jsfiddle.net/s2WWM/

私は何が間違っているのですか？

4

2 に答える 2

3

mouseenterandmouseleaveの代わりにmouseoverandを使用するmouseout

http://jsfiddle.net/s2WWM/2/

また、コンテナ要素にバインドします。

これらのイベントの違いは、要素内にいるかどうかに関係なく、要素を完全に離れたときにのみカウントされ、要素を離れたmouseenterときにカウントされることです。mouseleavemouseovermouseout

たとえば、外側の要素を内側の要素に残す場合、それは外側の要素の内側にmouseoutいるためですが、そうではありませんmouseleave。

于 2012-07-22T21:18:58.227 に答える
0

問題は、.fullscreenにカーソルを合わせると、＃canvasにカーソルを合わせなくなったため、次のように変更することです。

$(document).ready(function () {

    $("#canvas, .fullscreen").mouseover(function() {
        console.log("Show...");
    $(".fullscreen").show();
  }).mouseout(function(){
    $(".fullscreen").hide();
  });

});​
于 2012-07-22T21:22:25.793 に答える