Owl Carousel 2：过滤项目，但使用Javascript保持排序顺序

我目前正在使用Owl Carousel 2并将其与此过滤示例相结合以创建filter菜单，当单击filter菜单列表中的标题时，旋转木马中的所有其他项目都将消失。 这很有效，除了当点击SHOW并且所有项目都返回到轮播时，它们不是按照它们开始的顺序。

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中的所有项目，并在过滤时清空轮播并再次添加初始顺序中的过滤元素。

在这里工作小提琴： http ： //jsfiddle.net/TWtwt/301/

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