setAllToMaxHeight (jquery)

setAllToMaxHeight

$.fn.setAllToMaxHeight = function(){
return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) );
}

// usage: $(‘div.unevenheights’).setAllToMaxHeight()

// http://www.broken-links.com/2009/01/20/very-quick-equal-height-columns-in-jquery/

or...

var highestCol = Math.max($('#element1').height(),$('#element2').height());
$('.elements').height(highestCol);

$.fn.setAllToMaxHeight = function (minHeight) {
minHeight = minHeight || 0;
if (minHeight !== 0)
{ return this.height(minHeight); }
else
{ return this.height(Math.max.apply(this, $.map(this, function (e) { return $(e).height() }))); }
}

fckYEAH! Nicely noted!

NB - use the following to avoid Chrome/Safari bugs:
$(window).load(function() {
$('div.unevenheights').setAllToMaxHeight();
});

Hi @rickydazla, @johnantoni

Any idea on how to trigger setAllToMaxHeight() on orientationchange without including the entire jquery mobile?