jquery - mouseenter和mouseout结果是否更稳定？

所以我想拥有一个很酷的功能，即使用漂亮的颜色动画工具来更改焦点内容区域的标题。好吧，它可以设置动画效果……但是当鼠标仍在目标周围时，它会立即将鼠标移出。有人知道如何使其稳定吗？我当时正在考虑捕获鼠标，如果它在“区域”内，可以这样做，但是我不知道这是否更好？

        // 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()

最佳答案

使用mouseleave（）而不是mouseout（），因为mouseout（）也会触发子元素，并且应该与mouseover（）而不是mouseenter（）一起使用。

示例：http://api.jquery.com/mouseenter/

关于jquery - mouseenter和mouseout结果是否更稳定？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25964416/