javascript - Divサイズ変更イベントが機能しない

Question

コンテナのdivのサイズが変わるたびに、他のことをしたいのですが、.resize（）が期待どおりに機能していないようです。

私は以下のjsfiddleにコードを投稿しています：

http://jsfiddle.net/2nXtu/

ありがとう

Answer 1

resize()ブラウザウィンドウのサイズ変更のためのイベントです。

ステータスアップデーターを複製クリックイベント内に配置するだけです。

$('.dup').live('click', function(){
    var clone = $(this).clone();
    $(this).parent().append( clone );
    $('.height').html( $('.content-body').height() );
    $('.status').html('Resizing');
});

ここでそれが実行されています。

Answer 2

私がこれを行った1つの方法は、ダーティチェック手法を使用することです。

基本的には、最初に監視したいdivのサイズをチェックしてから、指定した間隔（たとえば、500ms）で実行される関数を登録し、divのサイズを再度チェックします。サイズがイベントをトリガーする前、または関数を実行して新しいサイズを保存する前のサイズから変更された場合。変数の周りに効率的なクロージャーを作成するとうまく機能します。