微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决为什么光滑的滑块不能取消过滤类?

我的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);

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

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。