Задать вопрос
tachila
@tachila
javascript

Почему Javascript выдает неточные размеры элементов?

Здравствуйте,
Есть адаптивно-резиновый сайт и если я пытаюсь получить ширину или высоту элемента который не имеет фиксированные размеры, то функция выдает значении на 10-15 пикселей меньше чем элемент является на самом деле (в тот момент).
$(document).ready(function () {
   var elementHeight = $(".element").height();
   alert(elementHeight);
});

Но если эту функцию положить в $(window).resize(); и слегка (на 1 пиксель) изменить размер окна браузера чтобы это функция выполнилась в таком случае функция выдает точный размер..
$(document).ready(function () {
   $(window).resize(function () {
      var elementHeight = $(".element").height();
      alert(elementHeight);
   });
});
  • Вопрос задан
  • 2428 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
Geminic
@Geminic
Возможно, в момент document.ready не успевают загрузиться какие-то элементы (шрифты), которые влияют на размер контента. Попробуй использовать window.load.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@xmeoff
Скорее всего, после вашего кода есть подключение других скриптов, которые изменяют содержимое документа или размеры элементов. Если они тоже обернуты в $(document).ready либо его аналог, то они будут вызываться после вашего кода. Из-за этого и меняются размеры вашего элемента. В принципе даже код счетчиков способен изменить структуру документа (рядом с собой).
Переместите ваш код в конец страницы, либо вызывайте его через setTimeout с нулевым интервалом.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Разработать конфигурацию в 1С для мебельного магазина
24 апр. 2024, в 09:56
2000 руб./за проект
Прерабоать проект разработанный под FPGA на Quartus
24 апр. 2024, в 09:39
20000 руб./за проект
Ещё заказы