javascript - Packery - how to change layout mode? - Stack Overflow

admin管理员组

文章数量:1345048

I'd like to use this plugin: / 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
});

Any ideas?

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
});

Any ideas?

• javascript
• jquery
• packery

Share Improve this question Follow asked Sep 18, 2013 at 11:35 user796443user796443

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 12

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

Like this:

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

本文标签： javascriptPackeryhow to change layout modeStack Overflow