Ширина без изменения размера для динамического содержимого

Question

У меня возникла проблема с шириной div, не изменяющей размер при загрузке динамического содержимого.

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

Сайт основан на масонстве. Я пытаюсь решить эту проблему с помощью метода кладки:

$('.masonry-container').masonry('reloadItems') 

но он не работает.

Я также попытался:

window.location.reload() 

, но все, что делает перезагрузите страницу.

Любые мысли?

Answer 1

Если у вашего макета есть изображения, возможно, вам необходимо использовать imagesLoaded. http://masonry.desandro.com/faq.html

Answer 2

Попробуйте найти в некоторых инструментах разработчика, например Chrome, и проверить «полузагруженное» изображение, вы обычно должны понимать, почему он не обертывает содержимое.