3

我创建了一个同位素页面，上面有许多不同的高度元素。大多数元素的宽度相同，但是我希望能够使用跨越前两列的“大”框来启动流程。

将较大的块放置在正常布局中是可以的，前提是 isoTope 从较小宽度的块之一开始。但是，如果我放入一个较大的，它会突然将所有内容放入一列，尽管我在 jQuery 语句中进行了任何设置（例如将列宽指定为 300 宽）。

有没有人可以查看我所做的并建议这是一个实际的错误还是我遗漏的东西？我尝试将大块放在底部，然后使用排序功能将其置于顶部，但同样的问题发生了。

http://territorydigital.com/mmrs/index.html <- 这是起始大块 http://territorydigital.com/mmrs/index2.html <- 这只是普通块，后面有大块

任何帮助将不胜感激，因为我不确定我做错了什么！

干杯，

担

4

2 回答 2

4

不知何故，这可能会奏效..

引自http://isotope.metafizzy.co/docs/layout-modes.html

Masonry 是 Isotope 的默认布局模式。项目元素在垂直网格内智能排列。对于每个项目元素，脚本计算网格中项目的下一个最佳拟合。

网格中一列的宽度。如果没有为 columnWidth 设置值，则默认为第一个 item 元素的宽度。

解决方案将是

$('#container').isotope({
  masonry: {
    columnWidth: 1 // or any number smaller than your medium size box/item
  }
});

通过设置columnWidth为'1'，它将强制同位素使用定义的columnWidth而不是第一个元素的大小。因此，证明我从之前的回复中的回答是合理的（已删除：（）

于 2012-11-19T21:27:22.153 回答
0

您现在可以将列宽设置为选择器，可能是一个仅用于查找未包含在布局中的事物大小的项目。排水沟也是如此。

看这里：

http://isotope.metafizzy.co/layout-modes/masonry.html#columnwidth

于 2014-08-27T01:42:43.060 回答