@egereva

Как выравнивать элементы по высоте при изменении размера окна браузера?

Добрый день. Помогите, пожалуйста, разобраться в данном вопросе:

Есть карточки продуктов с классом product__item.
Пытаюсь выровнять их по высоте.
Использую следующую функцию:

$(document).ready(function(){
$.fn.equivalent = function (){
var $blocks = $(this),
maxH = $blocks.eq(0).height();

$blocks.each(function(){
maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
});

$blocks.height(maxH);
}

$('.product__item').equivalent();
})
При загрузке страницы все корректно работает.

Подскажите, пожалуйста, как сделать так, чтобы в дальнейшем высота элементов пересчитывалась и при каждом изменении размера окна браузера?
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
Вызывайте не только при загрузке, но и при каждом событии resize
$(window).on('resize', myResizer);
$(document).on('ready', myResizer);
function myResizer(){
 // ...
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы