我目前正在使用Owl Carousel 2并将其与此过滤示例相结合以创建过滤器菜单，当点击过滤器菜单列表中的标题时，旋转木马中的所有其他项目都会消失。 这很有效，除了当点击SHOW并且所有项目都返回到轮播时，它们不是按照它们开始的顺序。
猫头鹰旋转木马2 http://www.owlcarousel.owlgraphic.com/docs/api-options.html
过滤 http://www.xcast3d.com/spotlight/bootstrap-carousel-filter/
我需要他们保持排序顺序。也许有一种更好的方法来过滤它们只需使用css display：none？但我不知道怎么写这个。也许有人可以帮我改变这个脚本，或者想一个更好的过滤解决方案来保持秩序。非常感谢
答案 0 :(得分：3)
我找到的解决方案是复制隐藏div中的所有项目，并在过滤时清空轮播并再次按初始顺序添加过滤后的元素。
在这里工作小提琴：http://jsfiddle.net/TWtwt/301/
$('#projects-copy .project.' + cat).each(function () {
owl.addItem($(this).clone());
});