При нажатии ctrl + f5 скрипт одинаковой высоты элементов отображается криво?

Question

[Мариана Марианова]

-------------ВОПРОС РЕШЁН-----------------

Подскажите пожалуйста, при нажатии ctrl + f5 на сайте все блоки, которым должна быть прописана одинаковая высота - налезают друг на друга, а когда просто обновляешь страницу с помощью f5, все нормально, в чем же может быть проблема?
Ссылка на страницу new.tman.su/catalog/punchers/sds
Скрипт выглядит следующим образом:

function setEqualHeightDivs(elem, min_height) {
	var height = 0;

	// Найдем максимальную высоту
	$(elem).each(function() {
		var element_height = $(this).height();
		height = (element_height > height) ? element_height : height;
	});

	// установим высоту
	$(elem).each(function() {
		$(this).height(height);
	});
}

Вызов функции:
setEqualHeightDivs($(".catalog-item h3"));

Вызов функции находится внутри $(document).ready(function() { .... }) однако проблема имеет место быть все равно, не постоянно - то есть когда много раз обновляешь - чаще всего все нормально, но периодически все съезжает. Та же проблема происходит при ajax загрузке - когда заменяется список товаров (исходя из фильтра запросов), при обновлении страницы ctrl + f5 - так же блоки налезают друг на друга

Answer 1

[Vlad Feninets]

заверните это все в

$(document).ready(function() {
     ...
 })

Comments

[Мариана Марианова]

вызов функции находится внутри $(document).ready(function() { .... }) однако проблема имеет место быть все равно, не постоянно - то есть когда много раз обновляешь - чаще всего все нормально, но периодически все съезжает.
Та же проблема происходит при ajax загрузке - когда заменяется список товаров (исходя из фильтра запросов) - так же видимо из-за того что они не успели загрузиться их высота ставится меньше чем должна быть

[Vlad Feninets]

Марина Галий: попробуйте добавить setTimeout, может решит проблему

Answer 2

[Froggyweb]

лучше
$(document).on("load", function(){})
Что бы успели подгрузиться картинки