freislot
@freislot
Frontend-разработчик

Почему код некорректно работает в safari?

Написал код, работает корректно во всех доступных мне браузерах, даже на айфоне в сафари. Но вот на десктопе не хочет. Код сравнивает строки двух таблиц и проставляет высоту большей строки. В сафари же код отрабатывает, но криво он берет и считает непонятные цифры.

сам код
$(document).ready(function() {
	function recalcHeight(){
		$(".titles tr").each(function(){
			var height_title = $(this).height();
			var index_title = $(this).index();
			var height_value = $(".values tr").eq(index_title).height();
			console.log("высота "+index_title+"й строки левой таблицы равна - "+height_title+"px");
			console.log("высота "+index_title+"й строки правой таблицы равна - "+height_value+"px");
			
			if(height_title <= height_value){
				$(this).css("height", height_value);
			}else{
				$(".values tr").eq(index_title).css("height", height_title);
			}
		});
	}
	recalcHeight();
	$(window).resize(function() {
		recalcHeight();
	});
});


По ресайзу все становится как надо
  • Вопрос задан
  • 326 просмотров
Решения вопроса 1
freislot
@freislot Автор вопроса
Frontend-разработчик
нашел косяк, dom грузился быстрее картинок в таблице, соответственно строки считались без высоты картинки, заменил
$(document).ready()
на
$(window).load()
это решило проблему
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы