Jquery 设置等高并在调整大小时更改

我有一个响应性的布局，我需要有一些高度相等的div，它可以在调整大小时自动改变高度

我正在使用此脚本设置等高：

$(window).load(function() {
$('.test').css({
    'height': $('.test').height()
});
});

以下是我的HTML结构：

    <div class="row front-rows">
        <div class="span3">
            <div id="post">
                <div class="front-row-image">
                    <a href="#"></a>
                </div>
                <div class="test">
                    <h2>Test</h2>
                    <div class="text">Lorem Ipsum dolore</div>
                    <div class="read-more-link">
                        <a href="#"><span class="pull-left">Read More</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

试验
益智草

但是，当设置高度时，它会在我调整大小时保持此高度，我不知道如何在调整大小时再次更改大小

页面加载时应设置相等的高度，并在每次调整大小时更改

有人能帮忙吗？：）

使用以下功能：

$(window).resize(function() {  
    $('.test').css({
        'height': $('.test').height()
    });
});

使用以下功能：

$(window).resize(function() {  
    $('.test').css({
        'height': $('.test').height()
    });
});

使用

.resize（）

而不是.load（）命令

尽管对于您的最终目标，我根本不会使用javascript/jquery。使用带有百分比值的CSS

height

属性，您可能可以实现所需的功能

看起来BenM比我快了几秒钟。

使用

.resize（）

而不是.load（）

尽管对于您的最终目标，我根本不会使用javascript/jquery。使用带有百分比值的CSS

height

属性，您可能可以实现所需的功能

---

看起来BenM比我快了几秒钟。

但在我重新调整大小之前，这不会设置高度-当我再次调整大小时，高度不会改变。在测量高度之前，您可能应该将高度设置为“自动”。@KasperBjerre，您应该将其与

load（）

一起使用。如何定义高度？但这不会在我调整大小之前设置高度，而且当我再次调整大小时，高度不会改变。在测量高度之前，您可能应该将高度设置为“自动”。@KasperBjerre，您应该将其与

load（）

一起使用。你如何定义高度？CSS解决方案更快，如果你打印你的页面也能工作。CSS解决方案更快，如果你打印你的页面也能工作。你能给我们看看你的HTML结构吗？@jantimon当然，刚刚编辑了我的原始问题：）你为什么需要等高？只有一个

div.test

。这个解决方案帮了我的忙：你能给我们看看你的HTML结构吗？@jantimon当然，刚刚编辑了我原来的问题：）你为什么需要等高？只有一个

div.test

。此解决方案为我带来了好处：