変換後の要素のプロパティを取得する方法は？

Question

要素の幅を変換しています。 私のjqueryではクラスを追加し、CSSでは変換について説明します。私が今jqueryでクエリーを実行すると、クラスを追加した後のこの要素の幅がこの要素の現在の幅を取得しますが、これはその最終幅ではありません。 最終的な幅はどのように取得できますか？イベント、変換完了、またはこのようなものはありますか？ タイムアウトまたはjqueryウォッチを使用する必要がありますか？

/種類 クリスチャン

EDITについて：それは上の結果を得るためにどのように200を返し、変換した後、100を返す）メソッド幅を（クリック最初にJSFiddle

：さらに良いことになりました を最初のクリック？

Answer 1

変換する要素の表示タイプがブロック（表示：ブロック）であることを確認してください。そうしないと、要素の幅を変更できません。

HTML：

<a href="#">Bigger</a> 

のjQuery：

$('a').click(function(e){ 
    console.log($(this).width()); 
    $(this).addClass('bigger'); 
    console.log($(this).width()); 
}); 

CSS：

a { 
    width:100px; 
    background: #ccc; 
} 
.bigger { 
    width: 200px; 
}