JQuery Animationen Farbe nicht feuern zuverlässig

Question

Ich habe ein problem mit dem jquery-hover-Ereignisse.Ich habe eine reduction des Problems.Finden Sie eine funktionierende demonstration hier.Ich reproduzieren können diese nach bewegen der Maus in IE, FF, Opera und Chrome.

Ich bin mit der Animationen in der Warteschlange in meinem mouseover-Ereignis.Etwa 1% der Zeit, die Farbe der td-Elemente Links #0f0 nach dem loslassen der Maustaste hat die td though.Das sollte nicht sein.Das mouseout-Ereignis sollte garantieren, dass schließlich die tds drehen zurück zu #00f nachdem eine Zeit vergangen.

Update 2:

Ich habe jetzt reduziert dies wahrscheinlich ungefähr so weit wie es gehen wird.Keine Mausereignisse verwendet.Es begann die Arbeit besser in die Oper, aber nun ist also eine Gesamt-cluster.

Wie auch immer, ich bin mit einem button zum auslösen dieser:

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

Sehen Sie es hier.

Update [n + 1]:

Ich kann einfach nicht lassen Sie allein.Ich habe festgestellt, dass die animation tatsächlich ist auftreten.Es ist einfach nicht die Automatisierung der Hintergrundfarbe.Ich habe dies durch hinzufügen von text und Animation für den hintergrund und Vordergrund im Einklang.Unter normalen Bedingungen sollten Sie nie sehen, dass der text, sobald es beginnt zu animieren, aber manchmal ist der hintergrund wird "vergessen", und manchmal den Vordergrund.Dies zeigt mir, dass eine jquery-animation ist tatsächlich passiert, aber es ist einfach nicht zu animieren, alle Attribute, die es angewiesen wurde, zu.Für die neugierigen, sehen Sie es in Aktion hier.(Warnung:IE drosseln ziemlich schwer, auf dieses)

Ok, spielen einige video-Spiele jetzt.

Answer 1

Ich verstehe nicht, wie Sie Ihre 1% Abbildung.Ich bin mir nicht sicher über das, was dem Verhalten, das Sie sehen, aber in beiden FF3 und IE8 bekomme ich diese hässlichen illegal-Eigenschaft-Wert-Fehler wie hier beschrieben: http://dev.jqueryui.com/ticket/4251.Noch wichtiger, ein gutes Dutzend von Ihnen sind nicht Farben ändern, auch wenn geändert, um einfach nur eine einzige-color animieren.

Die Befestigung, die Zeile in der jquery.color.js und beide FF3 und IE8 funktioniert wie ein Zauber, obwohl IE8 weiß Bildschirme, es gewinnt schließlich.

jQuery ist ideal für die Verwaltung der DOM, nicht so toll für Effekte.In meiner Erfahrung, die UI-Sachen ist schmerzhaft zu bedienen und hatte schon immer Probleme.Der Rahmen selbst, obwohl, hat immer behandelt mich gut.