jQuery的：重疊事業部事業觸發檔位，失去重心

Question

我有這個當前的問題，我目前的DIV佈局是這樣

<div class="photo-wrapper" style="positon:relative"> 
    <div class="img-menu" style="position:absolute"> 
     <img src="@Url.Content("~\Content\images\checkin.png")" /> 
     <br /><br /> 
     <img src="@Url.Content("~\Content\images\btn-login.png")"/> 
    </div> 
    <div class="avatar-wrap"><img src="bg.jpg"/></div> 
</div> 

和我有這樣

$(".photo-wrapper").mouseover(function() { 

    //show specific password 
    $(this).find('.img-menu').fadeIn('fast'); 
}); 
$(".photo-wrapper").mouseout(function() { 
    $('.img-menu').each(function() { $(this).stop().css('display', 'none') }); 
}); 

讓鼠標懸停事件說.img菜單將位於.photo-wrapper之上，.img-menu是照片封裝大小的一半。當我懸停照片包裝，img菜單會出來。但是，當我將光標移動到img-menu時，mouseover甚至會閃爍一次。我如何使它認爲img菜單是照片包裝的一部分，以便懸停不會失去焦點？

Answer 1

嘗試

$(".photo-wrapper").mouserenter(function() { 
    //show specific password 
    $(this).find('.img-menu').fadeIn('fast'); 
}); 
$(".photo-wrapper").mouseleave(function() { 
    $('.img-menu').each(function() { $(this).stop().css('display', 'none') }); 
});