toggleClass閃爍的鼠標移動

Question

http://esp-platform.ice.im/

見上方的網址，將鼠標懸停在右上角的下拉箭頭或搜索圖標。 當我將鼠標懸停在課程cp-dropdown上時，我想切換課程showme，但是出於某種原因，當您移動鼠標時，課程似乎會閃爍？有沒有人有任何想法？

jQuery的使用：

function navShow() { 
    $('.cp-dropdown').mouseenter(function() { 
    $('.site_tint').toggleClass('showme'); 
    }); 
} 

感謝

Answer 1

感謝@ james246以上我能很容易地解決這個問題，我已經調整了自己的代碼來獲得這種徹底的修復;我基本上需要在我的下拉菜單上應用與子div相同的z-index。見我補充如下：

function navShow() { 
    $('.cp-dropdown').mouseenter(function() { 
    $('.site_tint').addClass('showme'); 
    $(this).addClass('current') 
    }).mouseleave(function(){ 
    $('.site_tint').removeClass('showme'); 
    $(this).removeClass('current') 
    }); 
} 

希望這會有所幫助，請參閱網址中的問題爲工作的例子:)

Answer 2

的mouseenter事件被解僱了個遍，因此不斷切換你的類。實施mouseleave刪除類：

function navShow() { 
    $('.cp-dropdown').mouseenter(function() { 
    $('.site_tint').addClass('showme'); 
    }).mouseleave(function(){ 
    $('.site_tint').removeClass('showme'); 
    }); 
}