jQueryアニメーションパッディングがChromeで正しく機能しない

Question

ネストされたdivが少なく、そのうちの1つにパディングがあります。問題はIEとFFで、ネストされたdiv要素がChromeで正しくなくリサイズされていることである

$("div").animate({paddingRight: 60}); 

：私はそのDIVのパディングをアニメーション化してみてください。ここの私の例を見てください：http://jsfiddle.net/smashko/zu6aX/。 FFとIEで何が起こっているかを見るには、パディングの削除とパディングボタンの追加を押してください。

なぜChromeで動作しないのですか？

EDIT：ステファンが指摘したように

実際には、アニメーションが正しく動作しているが、新しいCSSの値が適用されていません。

アニメーションの終了後に[要素を検査]をクリックすると、Chromeによって更新されても問題ありません。

したがって、Chromeでアニメーション化されたCSS値を自動的に適用するにはどうすればよいですか。

Answer 1

それはアニメーションがうまく動作しますが、あなたのCSSのwon'tは、任意の違いを示す（安定した）

$("#one").click(function() { 
    $("#inside3").animate({ 
     'padding': 60 
    }); 
}); 
$("#two").click(function() { 
    $("#inside3").animate({ 
     'padding': 30 
    }); 
}); 

Answer 2

Chromeで私のために働きました。

animate（）でコールバック関数を使用するようにサンプルを更新しました。アニメーションの前後の値を表示するには、コンソールをチェックしてください。http://jsfiddle.net/dbDsM/

代わりにpaddingLeftをアニメーション化すると、それも動作します。