3

我有许多产品的 div 内容并且已设置

div#content{
       margin-top:20px;
       width: 560px;
       min-height: 700px;
       float:right;
}

但是在像这样应用砌体（jquery插件： http: //masonry.desandro.com/）之后：

   $('#content').masonry({
      columnWidth: 275,
      itemSelector: '.produkt'
   }).imagesLoaded(function() {
      $('#content').masonry('reload');
   });

是 div#content 的高度设置为 0...

有人可以帮我吗？

谢谢

4

4 回答 4

4

除了设置图像的高度属性（或使用 CSS）之外，另一种方法是将砌体代码包装在窗口加载中，而不是准备好文档。

$(window).load(function () {

    $('#content').masonry({
        columnWidth: 275,
        itemSelector: '.produkt',
        animate: true
    });

});
于 2013-09-17T20:17:53.950 回答
1

设置项目的最小高度（使用 .produkt 类）

于 2013-09-17T19:28:58.020 回答
1

看起来 imagesLoaded 插件不起作用。在没有加载图像的情况下，Masonry 假定容器为空并将高度设置为 0。JS 控制台告诉您什么？

于 2013-09-17T19:34:36.543 回答
-3

尝试将此设置为 div#content

overflow: auto;
于 2013-09-17T19:16:27.647 回答