OnMouseOver在此顯示，但OnMouseOut在隱藏

Question

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

（格式化在stackoverflow上很奇怪。所以請忽略格式化。）

無論如何，我遇到的問題是第二次將鼠標移到“編輯橫幅”區域上，它識別出我在另一個元素上，因此它消失了。 只要我在個人資料橫幅區域，我就需要留下來。

Answer 1

jsBin演示

使用CLASS .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);
});