jQuery: anima il colore del testo per il campo di input?

Question

Ho questo semplice codice che ho pensato fosse il modo corretto per ottenere jQuery per animare il colore del testo per un dato campo di input.

$('input').animate({color: '#f00'}, 500); 

Ma non funzionerà. Tuttavia, posso cambiare il colore del testo:

$('input').css('color', '#f00'); 

Ho provato questo sia in Safari 4 e Firefox 3.5 con gli stessi (manca) risultati. Apprezzo molto qualsiasi input su questo problema dato che sono a corto di capelli ... Grazie.

Answer 1

jQuery non supporta le animazioni a colori quindi è necessario il plug-in color o, jQuery UI. Entrambi consentono di utilizzare la sintassi che si sta utilizzando per proprietà come colore di sfondo e colore.

Answer 2

Per animare il colore è necessario lo jquery color plugin.

Answer 3

Avrete bisogno di Color Animations plugin per questo

Answer 4

Uso jQueryUI e il codice funziona così com'è.

Answer 5

Ho trovato il plug-in del colore estremamente fragile da un caricamento di pagina a un altro, anche su una pagina statica con lo stesso codice esatto ..! Tuttavia, ColorBlend ha svolto il lavoro perfettamente. http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt

Answer 6

È possibile farlo senza il plug-in del colore. Ho risposto a questa domanda here.