简体   繁体   English

打包 - 如何更改布局模式?

[英]Packery - how to change layout mode?

I'd like to use this plugin: http://packery.metafizzy.co/ with layout mode: meticulous as described on the frontpage. 我想使用这个插件: http//packery.metafizzy.co/ ,布局模式:如首页所述,一丝不苟。 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
});

Any ideas? 有任何想法吗?

To answer my question directly, layout mode "meticulous" is triggered automatically by setting: columnWidth and rowHeight in options. 要直接回答我的问题,可以通过在选项中设置: columnWidthrowHeight来自动触发布局模式“细致”。

Like this: 像这样:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM