Animações de cores jQuery não disparando de maneira confiável

Question

Estou tendo um problema em usar os eventos do JQuery Passe. Eu criei uma redução do problema. Você pode encontrar uma demonstração de trabalho aqui. Eu posso reproduzir isso depois de mover o mouse em IE, FF, Opera e Chrome.

Estou usando animações na fila no meu evento MouseOver. Aproximadamente 1% do tempo, a cor dos elementos TD é deixada como #0f0 Depois que o mouse deixou o TD. Isso não deve ser. O evento MouseOut deve garantir que, eventualmente, todos os TDs voltem para #00f Depois de um tempo passou.

Atualização 2:

Agora eu reduzi isso provavelmente o mais longe possível. Nenhum evento de mouse usado. Começou a funcionar melhor na ópera, mas agora o IE é um cluster total.

Enfim, estou usando um botão para acionar isso:

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

Veja aqui.

Atualização [n + 1]:

Eu simplesmente não posso deixar isso em paz. Eu determinei que a animação realmente é ocorrendo. Simplesmente não está automatizando a cor de fundo. Fiz isso adicionando texto e animando o fundo e o primeiro plano em uníssono. Em condições normais, você nunca deve ver o texto quando ele começar a animar, mas às vezes o fundo fica "esquecido" e às vezes o primeiro plano. Isso indica para mim, que uma animação jQuery está realmente ocorrendo, mas simplesmente não está animando todos os atributos aos quais foi instruído. Para os curiosos, veja em ação aqui. (Aviso: ou seja, engasga com isso com muita força)

Ok, vou jogar alguns videogames agora.

Answer 1

Não entendo como você obtém seu número de 1%. Não tenho certeza sobre o comportamento que você está vendo, mas no FF3 e no IE8 eu recebo esse erro feio de valor de valor ilegal, conforme documentado aqui: http://dev.jqueryui.com/ticket/4251. Mais relevante, uma boa dúzia deles não está mudando de cor, mesmo que seja alterada para simplesmente um animado de uma cor.

Corrigindo essa linha no jQuery.color.js e tanto no FF3 quanto no IE8 funcionam como um charme, embora o IE8 trenas brancas, ele se recupere eventualmente.

JQuery é ótimo para gerenciar o DOM, não tão bom para efeitos. Na minha experiência, o material da interface do usuário é doloroso de usar e sempre teve problemas. A estrutura em si, no entanto, sempre me tratou bem.