jQuery 砌体问题的显示和负载高度

Question

我在 div 内有一个砖石容器，它具有内联样式的 display:none 。因为我有几个 div，当页面加载时，单击按钮时它会像幻灯片一样切换。这会干扰砖石测量负载高度的能力，因此砖块会从容器中溢出。

Answer 1

更新：我的答案的.load()部分不是应该如何完成的。

参见： http://masonry.desandro.com/layout.html #imagesloaded

---

您可以通过以下方式修复它：

• 将 overflow:hidden 添加到 .panel 到 清除里面的浮动元素。

• 在 .load() 上运行 Masonry .ready()：

  <脚本类型=“text/javascript”>
      $(文档).load(函数(){
        $('#contain').masonry({
          项目选择器：'.item'，
          列宽：100
        });
      });
  
  

带有那些的版本修复： http://jsbin.com/oyido4/4