的onmouseover此，顯示此不過的onmouseout，隱藏

Question

<div class="profile-banner" onMouseOver="fadeIn('edit-banner');" onMouseOut="fadeOut('edit-banner');"> 
    <div id="edit-banner"> 
     Edit Banner 
    </div> 
</div> 

（格式化正在對計算器怪異..所以忽略了格式化。）

Anywho，我遇到的問題是，我把我的鼠標第二通過「編輯橫幅」區域，它可以識別出我在另一個元素上，因此它會淡出它。我需要它留下來，只要我在那個輪廓橫幅區域。

Answer 1

jsBin demo

使用類.edit-banner

<div class="profile-banner"> 
    <div class="edit-banner"> 
     Edit Banner 
    </div> 
</div> 

$('.profile-banner').on('mouseenter mouseleave',function(e){ 
    var inOut = e.type=='mouseenter' ? 1 : 0; 
    $(this).find('.edit-banner').stop().fadeTo(500, inOut); 
});