jQuery砌体问题显示和加载高度

Question

我有一个内部display:none样式的div内部的砌体容器.因为我有一些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