0

スライダーの上にマウスを置いたときにナビゲーション バーを表示しようとしています。次に示すように、ナビゲーション バーはその中にあります。

http://jsfiddle.net/warface/GhY3R/2/

マウスがナビゲーション バーの上にあるときの不具合を回避するにはどうすればよいですか?

$(function(){    
/* Slider nav mouseover thingy*/
    $('#slider').mouseenter(function(e){
        $('.portfolio nav').show();
    });
    $('#slider').mouseleave(function(e){
        $('.portfolio nav').hide();
    });
});


<div class="portfolio">    
    <div id="slider"></div>
    <nav>
        <a class="next" data-slider="slider" rel="next">▶&lt;/a>
        <a class="prev" data-slider="slider" rel="prev">◀</a>
    </nav>
</div>
4

1 に答える 1

1

これを参照してください:フィドル

$(function(){    
  /* Slider nav mouseover thing*/
  $('#slider,nav').mouseenter(function(e){
     $('.portfolio nav').show();
  });
  $('#slider').mouseleave(function(e){
     $('.portfolio nav').hide();
  });
});
于 2013-03-13T19:14:09.430 に答える