JQuery 颜色动画无法可靠触发

Question

我在使用 jquery 悬停事件时遇到问题。我已经减少了这个问题。您可以在此处找到工作演示。我可以在 IE、FF、Opera 和 Chrome 中移动鼠标后重现这一点。

我在鼠标悬停事件中使用排队动画。大约 1% 的情况下，当鼠标离开 td 后，td 元素的颜色仍保留为 #0f0。这不应该是这样。 mouseout 事件应保证在一段时间过后，所有 td 最终都会返回到 #00f。

更新2：

我现在已经尽可能地减少了这个可能。根本没有使用鼠标事件。它开始在 Opera 中工作得更好，但现在 IE 是一个完整的集群。

无论如何，我使用一个按钮来触发此操作：

function ani() {
    $('td')
        .stop()
        .animate({backgroundColor: '#0f0'}, 3000)
        .animate({backgroundColor: '#00f'}, 3000);
}

请参阅此处。

更新[n + 1]：

我不能不管这个。我已经确定动画确实正在发生。它只是没有自动设置背景颜色。我通过添加文本并同时对背景和前景进行动画处理来完成此操作。在正常情况下，一旦开始动画，您就永远不会看到文本，但有时背景会被“遗忘”，有时前景也会被“遗忘”。这向我表明，jquery 动画实际上正在发生，但它只是没有对指示的所有属性进行动画处理。对于好奇的人，请在此处查看其实际情况。 （警告：IE 对此感到非常窒息）

好吧，现在去玩一些视频游戏。

Answer 1

我不明白你的1%这个数字是怎么得出的。我不确定您所看到的行为，但在 FF3 和 IE8 中，我都会遇到这个丑陋的非法属性值错误，如下所示：

修复 jquery.color.js 中的该行，FF3 和 IE8 都可以正常工作，尽管 IE8 会白屏，但它最终会恢复。

jQuery 非常适合管理 DOM，但不太适合效果。根据我的经验，UI 的东西使用起来很痛苦，并且总是存在问题。不过，框架本身一直对我很好。