javascript – 由孩子打断的jQuery悬停事件.有没有解决的办法? (铬问题)

更新:由于下面的评论,它看起来像铬特定问题.

有没有办法围绕悬停事件被鼠标悬停在< input>上? jQuery中的元素?

从元素到非子元素时只会淡出?

这是一个jsfiddle,其中包含一个问题的实例:
http://jsfiddle.net/2h2Jt/3/

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

我正在回归CSS,但是让这个动画工作真是太好了:)

更新:已在Mac Chrome 11.0.696.65中修复

但对于那些在Chrome更新之间发现的人来说,这仍然是一

最佳答案
这有效:

http://jsfiddle.net/2h2Jt/140/

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

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

转载注明原文:javascript – 由孩子打断的jQuery悬停事件.有没有解决的办法? (铬问题) - 代码日志