Question

我试图从jQuery .height（）获得响应的结果。现在，我的图像的高度被应用于div但是当我重新调整浏览器窗口大小并且所有内容都相应地响应时，应用了高度的div将不会调整并且只保持应用于的高度它在页面加载。

以下是JS：

<script type="text/javascript">
    $(document).ready(function() {
        var height = $('#imgMeasure').height();
        $('#bio').height(height * 2);
    });
</script>

非常感谢任何想法或帮助，谢谢！

Answer 1

您可以处理窗口resize event：

$(document).ready(function() {
    $(window).resize(function() {
        var height = $('#imgMeasure').height();
        $('#bio').height(height * 2);
    }).resize();
});

最后的额外.resize()只是为了立即触发处理程序，以便你的代码准备好运行而不是等待第一次调整大小。

基本演示：http://jsfiddle.net/43D6Q/

Make .height（）结果响应

1 个答案: