jQuery技术:Owl Carousel 2:过滤项目,但使用Javascript保持排序顺序

我目前正在使用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

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐