11

私は、ほとんどの場合、CSSが高さの要素を均等にするための最良の方法であることを認識しています。ただし、ページやCMSを完全に制御できない特定の状況では、jQueryソリューションが非常に便利だと思います。

jQueryで次のことをどのように達成するのか疑問に思っています。私はjQuery構文にあまり精通していませんが、ここに私の骨抜きにされた疑似jQuery /英語構文があります...これは理にかなっていますか、それともこれを達成するためのより簡単な方法がありますか？次のコードは少しでも機能しないことに気づきました。これは、ソリューションに貢献しようとする私の方法であり、ロジック部門で少し売り込みます。

$('div.columns')each.get.height;
create an array of the height values
grab the largest value in this array
$('div.columns')each.css(height: $max-height);

私の擬似コードを笑うのをやめたら、何かアイデアはありますか？ありがとう！！

4

1 に答える 1

24

次のようなものを試してください。

var maxHeight = -1;
$('div.columns').each(function() {
    if ($(this).height() > maxHeight) {
        maxHeight = $(this).height();
    }
});
$('div.columns').height(maxHeight);

注：これはテストされていないコードです。しかし、それはあなたのために基本的な概念を持っているべきです。元の概念は近いものでしたが、最大の高さの値のみを保持したい場合は、ここでは配列は必要ありません。

于 2012-06-06T22:05:27.813 に答える