jQuery颜色插件：onMouseOver动画导致FF3.5.5中闪烁

Question

我正在尝试更改鼠标悬停和鼠标移开时 div 的背景颜色。 MouseOver 时立即变为黄色，MouseOut 时缓慢淡出。

函数 hilightel(keydiv)
{
$('#'+keydiv).animate({ backgroundColor: '#ffffd3' },1);
}
函数 lolightel(keydiv)
{
$('#'+keydiv).animate({ backgroundColor: '#ffffff' },300);
}

< div onMouseOver=javascript:highlightel('item1'); onMouseOut=javascript:lolightel('item1'); id='item1'>内容< /div>

但是，当鼠标移到 div 内的文本上时，它认为我已经将鼠标移出，因此闪烁得很厉害。

无效的替代方案：
- animateToClass 不支持背景颜色，所以我使用“颜色”插件
- 我听说 switchClass 在 Chrome 中不起作用
- 无法使用 .hover 因为它们将在页面中动态命名 div，因此需要一个通用函数

提前致谢...

Answer 1

为什么不简单地为 div 分配一个类，然后使用 .hover 来定位它们？

编辑

试试这个：

$(".myclass").hover(
function(){
    $(this).animate({ backgroundColor: '#ffffd3' },1);
    },
    $(this).animate({ backgroundColor: '#ffffff' },300);
    }
);

Answer 2

最终解决方案：

$(文档).ready(函数()
{
$('.a_editableitem').bind('mouseenter', function() { $(this).animate({ backgroundColor: '#ffffd3' },25); });
$('.a_editableitem').bind('mouseleave', function() { $(this).animate({ backgroundColor: '#ffffff' },250); });
});

闪烁已经停止，但有时仍“卡在”黄色。