我目前正在使用Owl Carousel 2并将其与此过滤示例相结合以创建filter菜单,当单击filter菜单列表中的标题时,旋转木马中的所有其他项目都将消失。 这很有效,除了当点击SHOW并且所有项目都返回到轮播时,它们不是按照它们开始的顺序。
Owl Carousel 2 https://www.owlcarousel.owlgraphic.com/docs/api-options.html
过滤https://www.xcast3d.com/spotlight/bootstrap-carousel-filter/
我需要它们来保持排序顺序。 也许有一种更好的方法来过滤它们只需使用css display:none? 但我不知道怎么写这个。 也许有人可以帮我改变这个脚本,或者想一个更好的过滤解决方案来保持秩序。 非常感谢
我发现的解决方案是复制隐藏div中的所有项目,并在过滤时清空轮播并再次添加初始顺序中的过滤元素。
在这里工作小提琴: http : //jsfiddle.net/TWtwt/301/
需要了解更多jQuery教程分享Owl Carousel 2:过滤项目,但使用Javascript保持排序顺序,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
$('#projects-copy .project.' + cat).each(function () { owl.addItem($(this).clone()); });
以上就是jQuery教程分享Owl Carousel 2:过滤项目,但使用Javascript保持排序顺序相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/982708.html