どのCSSプロパティがjQueryでアニメーション化されているかを調べる

Question

$element.is(':animated')は、$ elementがアニメーション化されているかどうかを知っていますが、どのcssプロパティがアニメーション化されているか見ることができます。

Answer 1

はい、step関数をanimate（）呼び出しに渡すと、どのプロパティがfx.propでアニメーション化されているかを知ることができます。ここでjQueryのAPIドキュメントからの例である：

$('li').animate({ 
    opacity: .5, 
    height: '50%' 
}, 
{ 
    step: function(now, fx) { 
    var data = fx.elem.id + ' ' + fx.prop + ': ' + now; 
    $('body').append('<div>' + data + '</div>'); 
    } 
}); 

次のようにstep関数に2つの引数がある：今

：各ステップでアニメーション化されたプロパティの数値を

FX：jQuery.fxプロトタイプオブジェクトへの参照、例えばような特性の数 が含まアニメーション化された要素の最初と最後の値は prop、アニメーション化された要素はstartとend、 はそれぞれ propです。

この関数は、アニメーションのすべての「ステップ」で実行されるため、非常に頻繁に起動することに注意してください。現在アニメーション化されているプロパティの配列などを更新するために使用できます。