我根本无法使用Slick滑块

我正试图在我的网站上使用一个渐弱的Slick滑块。 但我没有运气。 这是Slick： http ： //kenwheeler.github.io/slick/

如果向下滚动，您将看到有关如何实施的说明。 我附上了我的截图，所以希望有人可以看到我做错了什么。

      
 
 
 
 
     $(document).ready(function(){ $('.fade').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: '> div', cssEase: 'linear' }); });    

我是Javascript和Jquery的新手，所以我觉得我在弄乱那些东西。

当我加载页面时，我看到的只有3个测试图像，一个在另一个之下。

谁知道我做错了什么？

Answer 1

问题出在slide设置中（元素查询选择滑块）

例如改变：

 $('.fade').slick({ dots: true, infinite: true, speed: 500, fade: true, slide: '> div', cssEase: 'linear' }); 

至

 $('.fade').slick({ dots: true, infinite: true, speed: 700, autoplay:true, autoplaySpeed: 2000, arrows:false, slidesToShow: 1, slidesToScroll: 1 }); 

工作，只需使用设置。 您将slide定义为> div （ > div中级子级），因此如果将其删除（默认为div ），则可以正常工作。