Div Resize Event无效

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

Here它正在发挥作用。

Answer 2

我这样做的一种方法是使用脏检查技术。

基本上，您首次检查要监视的div的大小，然后注册一个在指定时间间隔（例如500ms）运行的函数，并再次检查div大小。如果大小已经从您触发某个事件或运行某个功能并存储新大小之前的大小发生了变化。如果您在变量周围创建有效的闭包，它就可以正常工作。