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 に答える