这是情况,我有两个div相邻.一个div在高度上是非常动态的,这基本上意味着它可以增长和缩小以适应它的内容.例如,该div可以打开或关闭的内容,或可扩展以适应加载内容的内容的容器.
@H_502_2@现在,在这个div旁边是另一个整齐地跟随第一个通过CSS的高度.工作很棒但这里是一个问题:我想根据其高度来更改第二个div的内容.
@H_502_2@换句话说,div 1的大小变化,div 2跟随css,现在我需要触发一个ajax调用,用新的内容重新填充div 2,适合它的新大小.
@H_502_2@有没有人有一个想法,我如何可以用jquery做这个?如果可能,不使用超时?
@H_502_2@干杯.
解决方法
正如
the thread poelinca provided所示,有一些很好的插件可用于此功能.
@H_502_2@如果你不喜欢这个插件的想法,另一个简单的解决方案就是在内容被修改的时候,简单地在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 });