1

私がやろうとしていることは単純なはずですが、変更できないhtmlの構造が複雑になっています。アカウントのマウスオーバーが発生したときに、スタックオーバーフローがヘッダーに持っているものが基本的に必要です。マウスが離れると、小さなメニューが再びフェードインおよびフェードアウトします。

HTML

  <div id="top-links">
    <a id="my_link">Link</a>
    <div id="my_mouseover">
      content
    </div>
  </div>

Javascript

 $jQ('#my_link').mouseenter(function(){
  $jQ('#my_mouseover').fadeIn(200);
  $jQ('#my_mouseover').mouseleave(function(){
      $jQ('#my_mouseover').fadeOut();
  });
  $jQ('#my_link').mouseleave(function(){
      $jQ('#customer_mouseover').fadeOut();
  });
});

私の問題は、 と の間でマウスを動かすと、div がフェードインおよびフェードアウトすること<a>です<div>。言い方はありますか：

$jQ('#my_mouseover').mouseleave(function(){
      //there's no such thing as mouseIsOver
  if(!$jQ('#my_link').mouseIsOver()){
    $jQ('#customer_mouseover').fadeOut();
  }    
});

誰もこれを行う方法を知っていますか? Google で必要なものを見つけることができません。

4

4 に答える 4

1

mouseenterandmouseleaveをtop-linksdivに配置できます。

$('#top-links').mouseenter(function(){
  $('#my_mouseover').fadeIn(200);
});
$('#top-links').mouseleave(function(){
  $('#my_mouseover').fadeOut(200);
});

http://jsfiddle.net/KJE7x/

于 2013-04-19T10:44:09.330 に答える