Не успевает отработать $(document).ready(function(){

[lersen]

Задача: сделать div который будет растягиваться по высоте - по размеру картинки. А при нажатии на кнопку - показывать всё содержимое.

 

При первой загрузке страницы не успевает отработать $(document).ready(function(){ и div становится меньше, чем нужно.

При обновлении страницы - все хорошо, так как картинка уже в кеше.

 

Прогоняю в песочнице - все работает отлично.  http://cssdeck.com/labs/full/ylisuscd

 

Итак вопрос, или я не правильно понимаю, как работает $(document).ready(function(){ или что-то тут не так.

 

Буду благодарен за помощь.

 

[mrnobody]

Наверное при ready картинка не успевает загрузиться.

Попробуйте вместо ready написать load. Событие load сработает, если загружена вся страница.

[lersen]

Нашёл вот такую штуку:

$(document).waitForImages(function() {

По идее должна помочь. В песочнице опять отрабатывает, а на хостинге - нет. http://cssdeck.com/labs/ylisuscd

Пытаюсь разобраться.

 

https://github.com/alexanderdickson/waitForImages  

Edited January 6, 2014 by lersen