这就是情况,我有 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
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)