旋转木马滑块与过滤

Question

我试图创建一个可以过滤的项目轮播。

我一直在尝试使用MixItUp和Slick来完成此任务。但他们并没有很好地合作。 MixItUp会隐藏这些物品，但Slick似乎几乎立即取消隐藏它们。是否有任何其他库可以更好地与Slick一起使用，甚至是bxSlider？

$(document).ready(function(){

    $('.one-time').slick({
    dots: false,
    infinite: true,
    speed: 100,
    slidesToShow: 3,
    slidesToScroll: 1
  });

$('#product_carousel').mixItUp();

$('#product_carousel').on('mixEnd', function(e, state){

   $('.one-time').slick();
});


});

Answer 1

检查最新版本的Slick。我看到了这个并决定添加一个过滤方法。您可以像使用它一样使用它：

$('#yourSlider').slickFilter(':even');

并使用unfilter返回原始状态：

$('#yourSlider').slickUnfilter();

它接受jQuery过滤器语法，因此选择器和比较器都可以工作。

享受！