Делаем блоки div одинаковой высоты JS


Небольшой скрипт который выравнивает блоки с определенным div классом по высоте.
Полезный скрипт, особенно при выводе новостей в несколько рядов.

Допустим у нас адаптивный сайт с выводом новостей в 2 ряда, блоки с новостями разной высоты в зависимости от содержимого.
Нам нужно выровнять все блоки по высоте самого высокого, так вот данный скрипт сделает это, и при адаптации сайта блоки вытягиваются в один ряд ровненько ;)
 Знаю, есть куча способов реализовать это, но по мне это самый надежный и удобный способ.

Установка.
Подключаем наш скрипт:

<script type="text/javascript">
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".columns > div"));
});
</script>

Теперь все блоки с классом "columns" будут одинаковой высоты.
Я например, применил такой скрипт в owl карусели. Надеюсь статейка вам пригодится  wink скачать dle 11.1смотреть фильмы бесплатно


Внимание!

Ознакомьтесь со статьёй по ссылке ниже.

Сайт мошенников
Информация