全ての要素の高さを統一

同じ要素が連続で並んで表示されたときの高さを統一

jQuery

$(function () { var cell_height = 0; // 画像総数 var i = $('img').length - 1; // 最終画像のロード後実行 $($('img')[i]).on('load', function(){ $('li').each(function(){ // 高さの最大値を取得 if ($(this).height() > cell_height) { cell_height = $(this).height(); } }); // 要素の高さを設定 $('li').css('height', cell_height + 'px'); }).each(function() { // IEキャッシュ対応 if (this.complete) { $(this).load(); } }); });

Chrome対策として、画像のロード後、高さを取得。

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。