Jquery 容器高度为0的砌体

Jquery 容器高度为0的砌体,jquery,css,responsive-design,jquery-masonry,Jquery,Css,Responsive Design,Jquery Masonry,我正在做一些事情,包括一个反应灵敏的砖石布局。我有一个容器,它的最大宽度为960px,但随着浏览器的扩展而缩小。我的网格项具有基于百分比的宽度(100%、66.666666等%、33.33333等)。出于某种原因,当我将一个函数传递给columnWidth选项时,它总是给容器一个0的高度。这就是我实例化砖石结构的方式 $(window).load(function() { var $container; $container = $("#grid_container"); $cont

我正在做一些事情,包括一个反应灵敏的砖石布局。我有一个容器,它的最大宽度为
960px
,但随着浏览器的扩展而缩小。我的网格项具有基于百分比的宽度(100%、66.666666等%、33.33333等)。出于某种原因,当我将一个函数传递给
columnWidth
选项时,它总是给容器一个0的高度。这就是我实例化砖石结构的方式

$(window).load(function() {
  var $container;
  $container = $("#grid_container");
  $container.masonry({
    columnWidth: function(containerWidth) {
      return containerWidth / 3;
    },
    itemSelector: ".grid_item",
    isFitWidth: true,
    isResizable: true,
    gutter: 10
  });
});

知道为什么会这样吗?因为我使用的是
$(window.load)
它应该能够计算高度。我是不是错过了一些很明显的东西?是否不能在砌体中使用百分比列宽

在砌体结构中,函数类型不是允许的值

试着:

  • 将CSS选择器(例如,
    .grid\u box
    )作为
    columnWidth
    属性传递
  • 在CSS中,将选择器添加到其父容器的适当百分比宽度(例如,
    .grid_box{width:20%;}
  • 在HTML中,向容器中添加一个空的

  • 您指向的是v2文档。v3是最新的。你用的是哪个版本?哦,奇怪。我正在使用v3…我不知道他删除了这个功能。很奇怪。最后,我和萨尔瓦托在砖石问题上达成了共识。谢谢你指出这一点,很高兴将来能知道。