jqueryアニメーションを使用して負荷のdivを強調表示する

Question

私は簡単な通知システムを持っています。私はjqueryを使用してバックグラウンドの色を変えることによってdivのオンロードを強調し、500ms後に通常のフラッシュに戻したい。私たちがStackoverflowに関する質問に答えるときと同じです。注意を引くのに十分シンプル。

<div id="flash">Notification</div> 

$(function() { 
    $("#flash").animate({ 
    backgroundColor: "#aa0000", 
    }, 1000); 
}); 

期待どおりに動作しません。 #ffffffに戻りません。

何か助けていただきありがとうございます。

Answer 1

jQuery UIには、highlightという特定の効果があります。 background-colorような特性にanimateを用いる問題はhereに記載されている： としては、以下に記載以外

すべて アニメーションプロパティは、単一の数値に をアニメーションされるべきです。 数字以外のほとんどのプロパティは、 基本jQuery機能を使用してアニメーション化することはできません。 （ 例えば、幅、高さ、または左 をアニメーション化することができるが、背景色は はすることはできません。）そうでなければ が指定されない限り、プロパティ値がピクセルの 数として扱われます。該当する場合は、単位emと％は と指定できます。

編集あなたが本当にjQueryのUIオプションを指定して行きたくない場合は、独自の要素にbackground-colorをラッピングして、それを行う非表示にすることで同様の効果をシミュレートすることができます。