1

我有一个响应式布局，为此我需要一些高度相等的 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>

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

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

任何人都可以帮忙吗？:)

4

2 回答 2

4

使用resize()功能：

$(window).resize(function() {  
    $('.test').css({
        'height': $('.test').height()
    });
});
于 2013-03-05T15:52:56.720 回答
1

使用.resize()而不是 .load() http://api.jquery.com/resize/

尽管为了您的最终目标，我根本不会使用 javascript/jquery。height您可能可以使用带有百分比值的CSS 属性来实现您正在寻找的东西。

看起来 BenM 比我快几秒钟。

于 2013-03-05T15:53:03.893 回答