javascript - JQuery 彩色动画不能可靠地触发

Question

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

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

更新 2:

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

无论如何，我正在使用一个按钮来触发它:

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

查看here .

更新[n+1]:

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

好的，现在开始玩电子游戏。

Answer 1

我不明白您是如何得出 1% 的数字的。我不确定您看到的是什么行为，但在 FF3 和 IE8 中我都遇到了这个丑陋的非法属性值错误，如下所述:http://dev.jqueryui.com/ticket/4251 .更相关的是，其中有很多不会改变颜色，即使只是简单地更改为单色动画也是如此。

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

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