Fehler beim Analysieren von Wert für "Farbe" (jQuery UI)

Question

Ich versuche, eine Farbänderung (Schriftart) mit jQuery UI zu animieren, wenn ich auf das Element klicke. Ich habe die Dateien von jQuery UI wie auf ihrer Website beschrieben.

<script type='text/javascript'> 
    $(document).ready(function() {     
     $('.benefits').click(function() { 
      $(this).animate({color:'#b22425'}, 200); 
     }); 
    }); 
</script> 

Es funktioniert nicht. Konsole sagt:

Fehler beim Analysieren Wert für 'Farbe'. Die Erklärung ist gefallen.

Wenn ich eine animierte Breitenänderung hinzufüge, funktioniert das gut, aber der Farbfehler bleibt bestehen. Was mache ich falsch?

Danke für die Hilfe :-)

EDIT

ich herauszufinden, was das Problem ist: ich die Navigation und die Fußzeile mit PHP sind:

<?php 
    include('navigation.php'); 
?> 

Wenn ich diesen Block lösche, funktioniert alles gut. Aber wenn ich Navigation und Fußzeile mit PHP einschließe, tritt der Analysefehler auf.

Hat jemand eine Lösung?

EDIT 2

Die Navigation und Footer Dokumente "Full-Dokument" waren, das heißt, sie ihren eigenen HTML, Kopf, Stil, Körper ... Tags hatte. Ich habe diese Dokumente in das body-tag meines Hauptdokuments eingefügt und so waren 3 komplette html-Dokumente in einem.

Nach dem Löschen der unnötigen Tags aus den Navigations-und Footer-Dokumente funktioniert alles gut.

ich diese früher -.-‘für die Kommentare und Antworten

Danke trotzdem gesehen haben würde, ist :-)

Answer 1

Hier ist eine einfache Art und Weise tun

ich eine einfache HTML erstellt nur

heruntergeladen ich die jQuery-Farben JQUERY COLORS

und in die hTML-Datei hinzugefügt gehören die jQuery-Bibliothek

so würde es so

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="jquery.color.js"></script> 

hier geladen werden ist eine einfache DEMO CREATED

Hoffe, es hilft.!

Answer 2

Sie können animate nicht verwenden, um Farben ohne jQuery UI zu animieren.

Alle animierte Eigenschaften sollten zu einem einzigen numerischen Wert animiert werden, außer wie unten erwähnt; Die meisten Eigenschaften , die nicht numerisch sind, können nicht animiert mit grundlegenden jQuery Funktionalität. (Zum Beispiel Breite, Höhe oder links kann aber Hintergrund-Farbe kann nicht animiert werden, es sei denn, die jQuery.Color Plugin verwendet wird.)

und

Das Projekt jQuery UI erweitert die .animate() -Methode durch Erlauben einiger nicht-numerische Stile wie Farben zu animiert werden. Das Projekt enthält auch Mechanismen zum Spezifizieren von Animationen durch CSS-Klassen statt einzelne Attribute.

Quelle: