为什么光滑的滑块不能取消过滤类？

问题描述

我的slickFilter正常工作，但slickUnfilter无效吗？

我的HTML：

<div class="slider-wrapper" id="wrapper">
      <div class="post" id="post1"></div>
      <div class="" id="post2"></div>
      <div class="" id="post3"></div>
      <div class="" id="post4"></div>
</div>

我的代码：

setInterval(function(){
    $('.slider-wrapper').slick('slickFilter','.post'); 
},10000);

setInterval(function(){
    $('.slider-wrapper').slick('slickUnfilter');
},12000);

JSfiddle：https://jsfiddle.net/ajtwz3Lv/8/ 由于某种原因，JS小提琴可以正常工作，但是我的本地html文件却无法工作。

解决方法

在您的JSFiddle中，您似乎没有在setInterval()中包含$(document).ready()函数。如果您不在本地代码中执行此操作，则在尝试添加slider-wrapper之前，Slick可能不会初始化setInterval()。

像JSFiddle这样的网站通常会将所有JS代码包装在$(document).ready()中，这将解释为什么它在那里工作。