jQuery animacja zmiany koloru

Question

Próbuję animować zmianę koloru łącza z bieżącego koloru na inny kolor.

$(window).load(function(){ 
    $('.article-preview h1 a').hover(function(){ 
     $(this).animate({ 
      color: #ffffff 
     }, 1500); 
    }); 
}); 

Z jakiegoś powodu nie działa. Używam jQuery color plugin.

Answer 1

Trzeba owinąć trójkę hex w ciągu, to zmienić:

color: #ffffff 

do tego:

color: "#ffffff" 

Answer 2

Podstawowym problemem jest chyba to, że nie wiem, notacji jQuery/JavaScript jest ,
pisanie dostaniesz SyntaxError, ponieważ SharpSign + litery nic nie znaczy w JS.
Szybkie rozwiązanie: Trzeba zdać heksa-kolory jako ciągi: color: "#ffffff"

jQuery obsługuje kilka różnych zapisów przebytej-obiektu dla .css() & .animate() metod
pozwól GUID za ich pośrednictwem.

nazwy właściciela/Keys

(granica, szerokość, ...) mogą być zapisywane na 3 sposoby: wartości

backgroundColor //DOM formatting 
'backgroundColor' //DOM formatting BUT - passed as a STRING 
'background-color' //CSS formatting - passed as a STRING 

nieruchomość/Wartości

(#FFFFFF , 0px, none, ...) można zapisać na 3 sposoby:

0   // 'pure' number - Integer (useful when pre-calculating pixels) 
20.5  //    - Float 
'0'  // number BUT passed as STRING - Integer 
'20.5' //        - Float 
'0px'  // string 
'#ffffff' // - || - 
'auto' // - || - 

Mogłeś rougly powiedzieć, że wszystko z wyjątkiem pikseli jest zawsze przekazywana jako ciąg
=> co oznacza, że ​​w cudzysłów (pojedynczy ' lub podwójne ") lub można oczywiście przekazać ciąg zmienny

Tak najbezpieczniejszym sposobem dla początkujących byłoby prawdopodobnie zawsze używać notowań dla obu wartości - kluczy & & wartości.

...

Ogólnie

Wszystko to rzeczywiście przy częścią JSON - JavaScript Object Notation

Wszystko to jest opisane w jQuery's .css() method documentation

Strzeż

kilka błędów w (starszy) Internet Explorers (patrz dokumentacja metod .css() i .animate())

I di Nie d przedstawiają przykład wszystkich możliwych ciągów ominąć, np

jako jQuery 1.6 .css() przyjmuje wartości względne typu .animate(). Wartości względne to ciąg rozpoczynający się od + = lub - = do zwiększający lub zmniejszający bieżącą wartość. Na przykład, jeśli element wypełni się po lewej stronie o wartości 10 pikseli, to .css ("dopełnienie w lewo", "+ = 15") spowoduje, że będzie całkowitym marginesem po lewej stronie 25 pikseli.

JSON obiekt ma więcej niż poprawne wartości liczb i łańcuchów - boolean, tablicy, obiekt, null ...