0

$.ajax を使用してテーブルに挿入されているテーブル エントリに脈動効果を作成しようとしています。

表の行には奇数/偶数のクラスがあり、表がシマウマのように見えます (奇数の行は背景が明るくなります)。

新しいテーブル行が追加されると、テーブルに追加されるので、最後の行 ( table tr:last) に「奇数」クラスがあるかどうかを確認しているだけです。そうであれば、新しく追加された行に「偶数」クラスを追加します。それ以外の場合は、「奇数」クラスを追加します。

とにかく、新しい行を赤から奇数/偶数クラスが適用されている背景色にフェードさせるにはどうすればよいですか。

私が試した：

new_row.addClass(odd_or_even_class); // here the class is decided
var currentColor = new_row.css('background-color'); 
new_row.css('background-color', '#FF99CC')
       .animate({backgroundColor: currentColor}, 1000);

しかし、なぜか白くなってしまう…。

rgba(...)16 進値の代わりに見える「currentColor」変数の値と関係があると思います。$.animate は 16 進数しか受け付けないのでしょうか?

4

2 に答える 2

2

デフォルトでは、RGBA はアニメーションでサポートされていません。

別の解決策は次のとおりです。http://pioupioum.fr/sandbox/jquery-color/

于 2012-05-14T13:00:46.690 に答える
1

jQuery animate のドキュメントから:

以下に示す場合を除き、すべてのアニメーション化されたプロパティは単一の数値にアニメーション化する必要があります。数値でないほとんどのプロパティは、基本的な jQuery 機能を使用してアニメーション化できません (たとえば、幅、高さ、または左はアニメーション化できますが、jQuery.Color() プラグインが使用されない限り、背景色はアニメーション化できません)。特に指定がない限り、プロパティ値はピクセル数として扱われます。必要に応じて、単位 em および % を指定できます。 http://api.jquery.com/animate/

ヨハンの答えは正しいので、 jQuery Color pluginのような何かを使用する必要があります。これを彼の回答へのコメントとして追加したところですが、まだ担当者がいないと思います。

于 2012-05-14T13:11:59.367 に答える