Javascript jQuery悬停事件被子级中断<；输入>；。有办法解决这个问题吗？（chrome发行）

更新：由于下面的评论，它看起来像是一个特定于chrome的问题。

有没有一种方法可以避免鼠标悬停在jQuery中的

元素上而中断悬停事件

仅在从元素转到非子元素时淡出

下面是一个JSFIDLE，其中有一个问题的实例：

我开始使用CSS，但如果能让这个动画正常工作就太好了：）

更新：在Mac Chrome 11.0.696.65中修复

---

但对于那些在chrome更新之间陷入困境的人来说，这仍然是一个真正的问题

您可以使用以下方法解决此问题

这项工作：

---

Chrome中的.hover（）和文本输入似乎存在问题（请使用按钮输入类型尝试您的旧代码）

该示例在FF中对我很适用。。。你在用什么浏览器？哦，你说得对！它在mac chrome 9.0.597.102上。在我的FF/Safari上工作。啪！不过，我想知道什么是一个好的解决方案。问题是windows chrome上也有fyiJP！，真棒。非常感谢。这必须是一个相对普遍的问题。我一直在使用hover（），表单输入在web上是一个很好的组成部分。我的荣幸：）是的，实际问题可能是mouseenter/mouseleave。hover（in，out）是。nice find:D blah blah char limit的缩写

$(".hover").hover(function() {
    $(this).stop(true, true).animate({backgroundColor:'#aaaaaa'}, 500);
}, function() {
    $(this).stop(true, true).animate({backgroundColor: 'transparent'}, 500);
});

$(this).children().hover(function(e) {
   e.stopPropagation();
});

$(".hover").mouseover(function() {
    $(this).stop().animate({
        backgroundColor: '#aaaaaa'
    }, 500);
}).mouseout(function() {
    $(this).stop().animate({
        backgroundColor: 'transparent'
    }, 500);
});