Блог

У меня есть контейнер masonry внутри div, который имеет display:none встроенный стиль. Поскольку у меня есть несколько разделов, при загрузке страницы она переключается как слайд-шоу при нажатии на их кнопку. Это мешает способности кладки определять высоту при загрузке, поэтому кирпичи высыпаются из контейнера.

Обновление: .load() часть моего ответа не в том, как это должно быть сделано.

Смотрите: http://masonry.desandro.com/layout.html#imagesloaded

Вы можете исправить это с помощью:

• Добавление overflow: hidden в .panel , чтобы очистить плавающие элементы внутри.

• Запуск кладки на .load() вместо .ready() :

   <script type="text/javascript">
      $(document).load(function (){
        $('#contain').masonry({
          itemSelector: '.item',
          columnWidth: 100
        });
      });
  </script>
    

Версия с этими исправлениями:http://jsbin.com/oyido4/4