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

Question

我有一个嵌入式风格的display:none div内的砌体容器。因为我有几个div，当页面加载时，它们在点击按钮时会像幻灯片一样切换。这会干扰砌体测量载荷高度的能力，从而使砖块溢出容器。

Answer 1

更新：​​我的答案的一部分是不是应该如何做到这一点。

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

---

您可以修复它：

• 添加overflow: hidden到.panel到clear the floated elements内。

• 上的 .load()代替 .ready()运行砌体：

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

版本有这些修正： http://jsbin.com/oyido4/4