使用Resize插件使用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();
});