Перестал работать jQuery 1.7.1 height ()

Question

Я использовал jQuery 1.6.2, чтобы я мог получить <div id="drag-container"> ширину и высоту, и все работало нормально

Но когда я перешел на jQuery 1.7.1, у меня начинаются проблемы с IE (9.0)

в $(document).ready() функция

$("#drag-container").height() возвращает 0

и веб-страница прекращает первоначальный рендеринг на 5 секунд.

На самом деле страница почти полностью отображается, за исключением (может быть) того же <div id="drag-container">

Может ли это быть моей ошибкой?

Я также использую HTML5 Boilerplate и Twitter Bootstrap with Less

Answer 1

Если в элементе #drag-container есть изображения, то вместо них следует использовать $(window).load() (, как вы правильно исправили в комментарии )..ready().

Это происходит потому, что событие ready запускается, как только DOM готов манипулировать ( фактический html ), в то время как *Событие 1017 * наступает после загрузки всех ресурсов страницы (, включая изображения и т. Д. ).

Таким образом, ваш код будет работать до загрузки изображений, и, следовательно, их контейнер не будетприобрели его высоту (, которая может зависеть от его содержания - изображения .. )