jquery - Mouseenter 子项在鼠标悬停时闪烁

Question

当我将鼠标悬停在滑块上时，我试图显示导航栏。导航栏在其中，您可以在此处看到：

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>

Answer 1

看到这个：小提琴

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