由子<input>中断的jQuery悬停事件.有没有解决的办法？(铬问题)

Question

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

有没有办法通过鼠标悬停<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更新之间发现的人来说,这仍然是一

Answer 1

这有效:

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

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

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