toggleClass мерцающие на движение мыши

Question

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

См URL выше, и наведите курсор на стрелку вниз или значок поиска в правом верхнем углу. При наведении курсора на этот li с классом cp-dropdown я хочу переключить класс showme, однако по какой-то причине, пока вы двигаете мышь, класс кажется мерцающим? У кого-нибудь есть идеи?

Jquery Использована

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

Благодарности

Answer 1

Благодаря @ james246 выше я был в состоянии решить эту проблему довольно легко, я уже подправил свой код, чтобы получить полное исправление для этого; Мне в основном нужно было применить тот же z-index, что и дочерний div в моем выпадающем меню. Смотрите мои дополнения ниже:

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

Надеется, что это помогает, увидеть URL в вопросе для рабочего примера :)

Answer 2

mouseenter событие стреляет снова и снова, поэтому переключая свой класс непрерывно. Реализовать mouseleave удалить класс:

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