问题标签 [packery]

我试图使用 packery 来对齐一些 div。一切正常，但我得到一个烦人的空间，我不知道如何摆脱。这个空间只出现在第 2 行，而且它们一直在继续。

http://jsfiddle.net/WZxBM/

任何想法如何解决这个问题？

目前我有一个页面，它在加载时使用 math.random 在页面上随机散布可拖动的 div

使用媒体查询，但是页面使用 packery 以网格方式显示宽度低于 769 像素的浏览器的相同图像。

我的想法是创建一个“排序/组织”按钮可能会很有趣，该按钮将使用打包程序重新排列这些 div 并删除已应用的可拖动类，但是我不知道这是否可能或如何去做。如果有任何动画这个过程的方法，那也将是一个奖励！

如果有人至少能指出我正确的方向，我将非常感激！

这可能是一个 n00b 问题，但我是一个 jQuery n00b。我在这里（左上角的搜索框）结合了 bin 排序（Packery）和过滤（Filtr.js）。问题是一旦您过滤，布局中就会留下空格，直到您调整刷新布局的窗口大小。 Filtr.js过滤后有回调函数，我希望它刷新布局。我试过了：

无济于事。我已经尽力从这里实现 afterFilter并通过 pckry.layout() 刷新 Packery。我不知道这是不可能做到的，还是我写得不对？

我目前box-sizing:border-box在所有元素上使用，*但我注意到这与我在每个元素上使用的 packery.js 插件冲突，我想知道是否有一种方法可以覆盖或重置为这些元素的默认值项目？

我在一个网站上使用 Packery.js [ http://packery.metafizzy.co/ ]，并且在页面加载时遇到了一些布局问题。我查看了 Masonry、Isotope 和 Packery 的文档（所有非常相似的插件，都由 David DeSandro 开发），它讨论了在加载所有图像以及任何 webfonts 后应该触发布局的问题。

http://packery.metafizzy.co/appendix.html

我让 Packery 与 imagesLoaded 一起工作得很好......但我不确定如何将 Google Web Font 加载器与它联系起来。下面是我加载字体的代码，然后是 imagesLoaded Packery 布局。如果有人能提出一种在 Web Fonts 和 imagesLoaded 之后让 Packery 火起来的方法，我将永远感激不尽。

我已经设置了我的 Gruntfile 来在我的 libs 目录中编译一些脚本，除了 Packery.js 之外，所有这些文件似乎都可以编译成 main.min.js。出于某种原因，它不会添加到 main.min。然后很明显，当我运行我的网站时，我得到了错误：Uncaught TypeError: Object [object Object] has no method 'packery'

任何人都可以建议我可能在哪里出错吗？

这是我的编译脚本的一个片段：

我正在使用很棒的脚本 Packery。（https://github.com/metafizzy/packery）但是该脚本用于垂直布局而不是水平布局。

2 周前，一位用户修改了原始版本，因此可以进行横向布局。（https://github.com/metafizzy/packery/pull/76）

问题是它是未编译的。而且我不知道如何编译所有文件+依赖项。

有人可以帮我弄这个吗？

我遵循了 Packery 网站上的“入门”教程，但我仍然无法让我的 tumblr 照片帖子与图书馆一起工作。我不确定我需要更改或添加什么，因为 Packery 教程非常模糊。

我使用工作正常的JQuery Packery。

我想到的问题是如何将项目容器放在我的页面上？

我试过CSS：

但这不起作用。

在我的JQuery Packery应用程序中，我想将我的项目集中在容器元素中。我使用以下结构：

我之前使用了 JQuery Isotope，我可以在其中应用修复以使项目居中。我的问题是当你只有很少的项目时，他们没有得到修复。

1. 这是我从插件作者那里修改的一种解决方案：

只有容器居中，而不是里面的物品。

2. 这是第二种解决方案：

我想要的是以下内容。容器宽度必须以项目为界，以使容器和项目一样居中。我怎么能得到那个？