JQuery кладка проблема с дисплеем и высотой под нагрузкой

Question

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

Answer 1

Обновление: часть моего ответа .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