Всем привет, есть событие которое при необходимости добавляет ширину блока. Сделан с целю визуализации элементов. Они все выглядят одинаково.
$.fn.equivalent = function (){
var $blocks = $(this),
maxH = $blocks.eq(0).height();
$blocks.each(function(){
maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
});
$blocks.height(maxH); //устанавливаем найденное максимальное значение высоты для каждого блока jQuery выборки
}
$('.listing-card.col-md-2 .listing-attr.radius_app').equivalent(); //применяем нашу функцию в элементам jQuery выборки - $()
$('.listing-card.col-sm-6.col-md-4 .figure').equivalent(); //применяем нашу функцию в элементам jQuery выборки - $()
$(window).resize(function(){
$('.listing-card.col-md-2 .listing-attr.radius_app').css('height','auto').equivalent();
});
$(window).load(function () {
$('.listing-card-list').animate({
'opacity':1
},300);
});
Но есть проблема. При ресайзе окна все показывается как надо. Но если попросту обновить страницу. То блоки режутся.
Или же какие есть еще альтернативы добавления высоты блоку при необходимости?