jQuery блоки с одинаковой высотой
Очень часто бывает нужно сделать что бы несколько соседних блоков было одинаковой высоты. Тут нам поможет небольшой jQuery скрипт, который всем блокам задаёт высоту наивысшего блока.
И так, рассмотрим небольшой jQuery скрипт. Который вычисляет высоту наивысшего блока и присваивает её всем блокам стоящим рядом.
jQuery.fn.equivalent = function (){ // сам скрипт var jQueryblocks = jQuery(this), maxH = jQueryblocks.eq(0).height(); jQueryblocks.each(function(){ maxH = ( jQuery(this).height() > maxH ) ? jQuery(this).height() : maxH; }); jQueryblocks.height(maxH); }; jQuery('.item-wrap .item').equivalent(); // вызов скрипта
Таким образом всем блокам рядом с блоком с классом «item» в обёртке «item-wrap» будет присвоена высота наивысшего.
Пример можно посмотреть по ссылке. Тут блоков разное количество текста и если отключить скрипт, то высота будет разная.