同位素 - 通过过滤器更改角标记

Question

我目前正在尝试重建该网站的功能：http://etchapps.com/

在主页上，它们会显示所有内容，您可以使用菜单过滤输出。我现在没有好好工作的是角落邮票。 在“主页”上，他们在网格中随机显示角落标记，然后当您更改页面的过滤器时，每个过滤器都有不同的角标记。 所以我实际上正在努力的是能够改变过滤器上的角落标记。我实现了这个工作

$iso.isotope('destroy');

在我的过滤器调用中，但这会破坏动画。

有什么想法吗？

这是一个小提示，显示更改角标记的问题：https://jsfiddle.net/sgurlt/buwndhns/3/

Answer 1

您必须在设置之前销毁同位素，并在设置完成后再次初始化。请检查this fiddle。

$iso.isotope('destroy');

//Your personal settings goes here then

$iso.isotope({
  itemSelector: '.element',
  sortBy : 'random',
   filter: filterElement
});