jquery调整div上的监听器

这是情况,我有两个div相邻.一个div在高度上是非常动态的,这基本上意味着它可以增长和缩小以适应它的内容.例如,该div可以打开或关闭的内容,或可扩展以适应加载内容的内容的容器.

现在,在这个div旁边是另一个整齐地跟随第一个通过CSS的高度.工作很棒但这里是一个问题：我想根据其高度来更改第二个div的内容.

换句话说,div 1的大小变化,div 2跟随css,现在我需要触发一个ajax调用,用新的内容重新填充div 2,适合它的新大小.

有没有人有一个想法,我如何可以用jquery做这个？如果可能,不使用超时？

干杯.

解决方法

正如 the thread poelinca provided所示,有一些很好的插件可用于此功能.

如果你不喜欢这个插件的想法,另一个简单的解决方案就是在内容被修改的时候,简单地在div上触发一个“resize”事件.然后,您可以按照预期的方式使用resize()监视它,利用优雅的observer pattern.

function appendContent($div,content) {
   $div.append(content).trigger($.Event('resize'));
}

$div.bind('resize',function(e) {
   // all your magic resize mojo goes here
});