jquery 调整 div 上的侦听器大小

这就是情况，我有 2 个 div 彼此相邻。一个 div 的高度非常动态，这基本上意味着它可以增长和缩小以适应其内容。例如，这个 div 具有可以折叠打开或关闭的内容，或者可以扩展以适合 ajax 加载内容的容器。

现在，这个 div 旁边是另一个 div，它通过 css 整齐地遵循第一个 div 的高度。效果很好。但问题是：我想根据第二个 div 的高度更改其内容。

换句话说，div 1 的大小发生变化，div 2 随 css 变化，我现在需要触发 ajax 调用，用新内容重新填充 div 2，以适应新的大小。

有人知道我如何用 jquery 做到这一点吗？如果可能的话，不使用超时？

Cheers.

As poelinca 提供的线程 https://stackoverflow.com/questions/172821/detecting-when-a-divs-height-changes-using-jquery建议，有一些不错的插件可用于此功能。

如果您不喜欢插件的想法，另一个简单的解决方案是在内容修改时简单地触发 div 上的“调整大小”事件。然后你可以按照预期使用 resize() 来监视它，利用一个优雅的观察者模式 http://en.wikipedia.org/wiki/Observer_pattern.

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

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