在jQuery中动态地将容器的高度设置为另一个

Question

我有一个函数可以将一个容器的高度设置为另一个容器。如果在调整窗口大小时.content_height的高度发生变化，我希望重置.divider_right的高度。

我知道我可以这样做：

jQuery(window).resize(function(){     
    var content_height = jQuery(".content_height").outerHeight();
    jQuery(".divider_right").css('height', content_height);
});

但是在调整窗口大小之前，这不会设置高度，因此在调整窗口大小之前它不会显示。我需要设置.divider_right的高度，然后调整窗口大小调整大小。

Answer 1

轻松修复会在document.ready()时调用，然后在您resize之后调用，添加后，

$(document).ready(function(){
    var content_height = jQuery(".content_height").outerHeight();
    jQuery(".divider_right").css('height', content_height);
});

检查jsFiddle。