这是情况,我有两个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
});
