jquery - Resize Plugin を使用して jQuery で DIV の高さの変化を検出する

Question

このプラグインを使用して、DIV のサイズが変更されたかどうかを確認しています。

http://benalman.com/projects/jquery-resize-plugin/

それは問題なく動作しますが、DIV のサイズが変更されたかどうかを検出するだけではなく、DIV の高さが増減したかどうかを検出したいのです!

これはどのように達成できますか？

ありがとう

Answer 1

変数を使用して高さを追跡します。

var previousHeight = jQuery("#myDiv").height();

$("#myDiv").resize(function(e){ 
    // do something when element resizes 
    if(previousHeight < jQuery(this).height()){
        alert("now I'm bigger");
    }else{
        alert("Now I'm smaller");
    }
    //update previousHeight for next use
    previousHeight = jQuery(this).height();
});