Come posso ottenere colonne di uguale altezza con jQuery?

Il problema principale di un layout colonnare con i CSS è quello di ottenere colonne di eguale altezza. jQuery fornisce la soluzione.

Possiamo implementare il seguente codice:

(function( $ ) {
	
	$.equalHeight = function( group ) {
		var tallest = 0;
		group.each(function() {
			var thisHeight = $( this ).height();
			if( thisHeight > tallest ) {
				tallest = thisHeight;
			}
		});
		group.height( tallest );
	};
})( jQuery );

Esempio d'uso:

$(function() {
	$.equalHeight( $( ".col" ) );
	
});