小ネタ:jQueryを用いて任意の要素の高さを揃える
最近ちょいちょい使うので、備忘録として。
複雑な事をせず全部の高さを揃えたいだけなら、たぶんこれで充分。
1 2 3 4 5 6 7 8 9 | $(document).ready( function (){ var _h = 0; $( "任意の要素" ).each( function (){ var _this = $( this ).height(); if ( _h < _this ){ _h = _this; } }).height(_h); }); |
$(document).ready() で期待通りに動かない時は、どこかにheightを設定していない画像があったりするので、その場合は
$(window).load()
とか
jQuery.event.add(window, “load”, function(){ …… })
とかにして、全ての描画が完了してから発火すると良いです。整形がちょっと遅れるけどしゃーない。
でもjquery.tile.jsの方が絶対便利。