Изменение высоты Chrome при загрузке фотографий - как получить фактическую высоту с помощью jQuery под нагрузкой

Question

У меня есть следующее:

var offset = {top: target.offset().top + target.height() + 3,
                  left: target.offset().left};
target.offset(offset);

это происходит $(document).ready(..)

Однако в Chrome целевой объект не расположен с соответствующей высотой. Когда я поместил alert(..), чтобы показать фактическую высоту, я увидел причину - target.offset().top возвращает меньше желаемого, потому что в этот момент изображение все еще не загружено (предупреждение блокирует загрузку страницы, и это становится видимым) .

Я исправил проблему, указав явное height <div> вокруг изображения, но есть ли лучший способ?

Answer 1

Вместо $(document).ready(..), используйте $(window).load(...) для этого:)

Событие окна onload не происходит до тех пор, пока после загрузки изображений не закончится, так что это то, что выхочу в этих случаях.