新しいブログに引っ越しました

tomotomoSnippetは新しいブログに移動しました
http://develtips.com/

2009-12-18

JQuery.animate()のbackgroundColorにハマった

JQueryで背景色を変えるアニメーションを作ろうとした。

$('#element').animate( {backgroundColor: '#F2ABCA'}, 'fast' );


動かない。
FFのエラーコンソールを見ると
色であるべきところが'NaNpx'になっています。
と怒られました。

調べると公式ドキュメントにちゃんと書いていました。
http://semooh.jp/jquery/api/effects/animate/params%2C+%5Bduration%5D%2C+%5Beasing%5D%2C+%5Bcallback%5D/
そもそも数値型の値をとらない属性(backgroundColorなど)には、animate関数は対応していません。

じゃあどうするかというと、Color Animationプラグインを読み込めばいいみたいです。
http://plugins.jquery.com/project/color



$('#element').animate( {backgroundColor: '#F2ABCA'}, 'fast' );


今度はちゃんと動きました。

0 件のコメント:

コメントを投稿

人気のエントリー