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();
});