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

我目前正在使用Owl Carousel 2，并将其与这个过滤示例相结合，创建一个过滤菜单，当单击过滤菜单列表中的标题时，旋转木马中的所有其他项目都将消失。 这非常有效，只是当单击“显示”并将所有项目返回到旋转木马时，它们的顺序与启动顺序不同

猫头鹰转盘2

滤器

---

我需要他们保持他们的排序顺序。也许有一种更好的方法可以简单地使用css显示过滤它们：无？但我不知道该怎么写。也许有人可以帮我修改这个脚本，或者想出一个更好的过滤解决方案来维持秩序。非常感谢

我找到的解决方案是复制隐藏div中的所有项目，并在筛选时清空旋转木马，然后再次按初始顺序仅添加筛选的元素

在这里演奏小提琴：

---

谢谢你的回答，提琴看起来很棒，我只是想把它添加到我的直播网站上。。如果你能看看资料来源，看看我哪里出了错，那就太棒了。您将看到，我在许多ID后面附加了一个数字，因为有两个旋转木马。这里是链接：我得到了这个错误，意外的EOF（匿名函数）。。很多人都很感谢这个报价不好，可能是因为复制/粘贴错误。只需将“替换为”。这样就消除了该错误！伟大的但现在，我的版本只是隐藏了整个项目集，而不是进行过滤。。不确定我需要改变什么？非常感谢@odupontChange

$（'#owl10.project10'）

通过

$（'.owl10.project10'）

，#owl10不存在。您知道是否可以从外部链接激活筛选。即，单击外部页面上的“显示X”，然后将您带到该页面并筛选为仅显示X？

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