javascript - jQuery Filtr.js 和 Packery 回调

Question

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

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

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

Answer 1

它看起来不错，但pckry当前未在您的脚本中定义。无需将 Packery 附加到 jQuery 对象，您可以实例化 Packery 的新实例并将其定义为 pckry（或任何您想要的），例如：

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

请注意[0]在您的 jQuery 对象之后引用原始 DOM 对象。