$(".ui-slider .slider").slick('removeSlide', null, null, true);
很多情况我们的轮播图不是静态的,也不仅仅是页面第一次加载完载入一次而已。
假如需求是:用户点击筛选之后轮播图内容根据筛选进行重新更换,那么我们的slick是不能够二次初始化操作的。其实我们无需二次初始化。
此情况下我的做法是remove掉原来的所有滑块slide,用这个方法:$(".ui-slider .slider").slick('removeSlide', null, null, true); 然后再用slick提供的增加滑块的方法:$(".ui-slider .slider").slick('slickAdd', i);循环加入需要的滑块数量。
slick 方法详细介绍链接:http://kenwheeler.github.io/slick/
代码例子:
$.ajax({
url:'/lifetouch/a/store/storeIndex/findProductListBySort',
type:'POST',
dataType:'json',
data:{
categoryId:idStr+"",