mouseenter 和 mouseout 结果更稳定？答案

【问题标题】：mouseenter and mouseout more stable results?mouseenter 和 mouseout 结果更稳定？
【发布时间】：2014-11-15 20:22:09
【问题描述】：

所以我想要一个很酷的功能，使用漂亮的彩色动画工具改变重点内容区域的标题。好吧，它的动画效果很好……但是当鼠标仍在周围的目标内时，它会认为您立即将鼠标移出。有谁知道如何使它稳定？我正在考虑捕获鼠标，如果它在“区域”内，但我不知道这是否更好？

        // 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');
            });

        });

解决方案：解决方案是使用mouseleave() 而不是mouseout()

【问题讨论】：

您的链接对我不起作用。这是它返回的内容而不是网页：i.imgur.com/lg7h6av.png?1?5635
糟糕更新了。显然 PHP 不工作。大声笑
尝试使用mouseleave()而不是mouseout()，因为mouseout()也会触发子元素...因此应该与mouseover()一起使用而不是mouseenter()。这可能无法解决问题，但这是我马上看到的一个问题......哦，不要两次调用$this，而是在最后解决它。这可能只是我的做法，但它似乎对我来说更有效。编辑：这里有一些例子：api.jquery.com/mouseenter
我没有时间直接在网页中编辑，但是请您尝试使用hover代替，语法是.hover(function() { //HoveIn }, function() { //HoverOut });
@craniumonempty 谢谢老兄！那成功了！如果您想重写作为答案，我会接受。

标签： jquery css jquery-plugins mouseenter mouseout

【解决方案1】：

使用 mouseleave() 而不是 mouseout()，因为 mouseout() 也会触发子元素，应该使用 mouseover() 而不是 mouseenter()。

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

【讨论】：