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

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

基本上，您首先检查要监视的 div 的大小，然后注册一个以指定间隔（例如 500 毫秒）运行的函数并再次检查 div 大小。如果尺寸与触发某些事件或运行某些功能之前的尺寸相比发生了变化并存储新尺寸。如果您围绕变量创建有效的闭包，它会很好地工作。