打包 - 如何更改布局模式？ [英] Packery - how to change layout mode?

问题描述

我想使用这个插件： http://packery.metafizzy.co/ 布局模式：如首页所述，一丝不苟。我浏览了每一页文档，但无法找到如何将其设置为细致而不是默认的砌体布局！

I'd like to use this plugin: http://packery.metafizzy.co/ with layout mode: meticulous as described on the frontpage. I went through every page of documentation and cannot find how to set it to meticulous instead of masonry layout which is default!

var $container = $('#grid_index');
// initialize
$container.packery({
  itemSelector: '.item',
  gutter: 0
});

任何想法？

推荐答案

要直接回答我的问题，布局模式细致会自动触发： columnWidth 和 rowHeight in options。

To answer my question directly, layout mode "meticulous" is triggered automatically by setting: columnWidth and rowHeight in options.

喜欢这样：

var $container = $('#grid_index');
var pckry = $container.data('packery');
// initialize
$container.packery({
  itemSelector: '.item',
  gutter: 0,
  "columnWidth": 250,
  "rowHeight": 250
});

这篇关于打包 - 如何更改布局模式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！