javascript - Owl Carousel 2 : filtering items, 但使用 Javascript 保持排序顺序

Question

我目前正在使用 Owl Carousel 2 并将其与此过滤示例相结合来创建一个过滤器菜单，当单击过滤器菜单列表中的标题时，轮播中的所有其他元素都会消失。 这非常有效，除了当单击“显示”并且所有元素返回到轮播时它们不按照开始的顺序排列之外。

Owl Carousel 2 http://www.owlcarousel.owlgraphic.com/docs/api-options.html

过滤器 http://www.xcast3d.com/spotlight/bootstrap-carousel-filter/

我需要他们保持排序顺序。也许有更好的方法来过滤它们，只需使用 css display:none ？但我不知道如何写这个。也许有人可以帮助我更改此脚本或想出更好的过滤解决方案来保持顺序。非常感谢

Answer 1

我找到的解决方案是复制隐藏 div 中的所有元素，然后在过滤时清空轮播并再次仅按初始顺序添加过滤后的元素。

在这里工作 fiddle :http://jsfiddle.net/TWtwt/301/

$('#projects-copy .project.' + cat).each(function () {
   owl.addItem($(this).clone());
});