javascript - 加载时显示和高度的 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