mouseenter и mouseout более стабильные результаты?

Question

Поэтому я хотел иметь классную функцию, в которой заголовок области сфокусированного содержимого изменяется с помощью инструмента "Живой цвет". Ну, он оживляет очень хорошо... но он думает, что вы сразу же отключаете мышь, когда мышь все еще находится внутри цели вокруг. Кто-нибудь знает, как сделать его стабильным? Я думал о захвате мыши, и если она находится внутри "зоны", сделайте это, но я не знаю, лучше ли это?

        // Content Hovers

        $('.large-box > *').each(function(){

            $(this).mouseenter(function(){
                $(this).find('.column-header').animate({ 'backgroundColor': '#3e84d2' }, 'slow');
            });
            $(this).mouseout(function(){
                $(this).find('.column-header').animate({ 'backgroundColor': '#455c79' }, 'slow');
            });

        });

Soution: решение было использовать mouseleave() вместо mouseout()

Answer 1

Используйте mouseleave() вместо mouseout(), потому что mouseout () будет срабатывать и для подэлементов и должна использоваться с mouseover() вместо mouseenter().

Примеры: http://api.jquery.com/mouseenter/