Javascript jQuery filter.js和Packery回调

这可能是一个n00b问题，但我是一个jQuery n00b。我将仓位排序（packy）与过滤（filter.js）（左上角的搜索框）结合起来。问题是，过滤后，在重新调整刷新布局的窗口大小之前，布局中会保留空间

filter.js

在过滤后有一个回调函数，我希望它能刷新布局。我试过：

$('input[name="filter"]').filtr($('#thumbs div'), {    
    afterFilter: function(){
        pckry.layout();
    }
});

---

无济于事。我已经尽力通过pckry.layout（）实现afterFilter from和Pacery刷新。我不知道这是不可能做到的，还是我写的不正确？

看起来不错，但是您的脚本中当前没有定义

pckry

。您可以实例化Pacery的新实例并将其定义为pckry（或任何您想要的内容），而不是将Pacery附加到jQuery对象，如：

---

注意jQuery对象后面的

[0]

引用原始DOM对象。

告诉我们更多关于您用于测试的浏览器的信息，在所有浏览器中效果都一样吗？“布局中保留空间”是什么意思？在输入框中写入内容前后，我在布局中看到空格。在你们把东西放进搜索框后，你们期望得到什么效果？顺便说一句，这是一个很酷的想法，很好的metro设计。我使用的是Safari，但是其他浏览器的行为是一致的。我所说的空格是指，如果你输入'foo'，例如，项目将被删除，留下空白，而不是将过滤后的项目分组在一起。我想要的行为是在过滤“foo”后调整窗口大小时发生的情况。哈哈，谢谢你的补充，彩色方块只是为了测试！！哇！非常感谢你。这真是太神奇了！将这段代码与其余部分放在一起是正确的，还是应该进一步简化它？这取决于您想对页面做什么。我从来没有用过派克，它的网站已经关闭了，所以我真的不能在那里提供建议。不过，我建议大家温习一下基本的javascript，这是一个很好的资源。更多只是为了提高性能。我已经删除了一些在新实例上加倍的现有js。我一定会通读的。非常感谢。

var pckry = new Packery($container[0], {
  itemSelector: '.item',
  gutter: 10
});