我正在实施Slick Carousel,除了一个问题外它工作正常。如果我有一个幻灯片列表,我选择列表中的最后一个,然后我调整窗口大小,活动幻灯片被隐藏。
我有一个变量Artist
,用于跟踪哪个幻灯片处于活动状态(当用户选择幻灯片时,它会被设置)。
尝试的解决方案我在每个resize事件期间都有动作,并且包含以下逻辑:
currentSlideIndex
出于某种原因,这不起作用,因为活动幻灯片仍然隐藏,如果我想看到它,我必须通过旋转木马再次找到它。
答案 0 :(得分:1)
之前我遇到过这个问题。我能想到的唯一解决方案是缓存用户所在的幻灯片,使用unslick
销毁幻灯片,使用您的设置重新初始化它,然后转到刚刚开启的幻灯片。适用于移动方向更改。
$(window).on('resize', function() {
var currentSlide = $slick.slick('slickCurrentSlide');
$slick
.slick('unslick')
.slick(slideSettings)
.slick('slickGoTo', currentSlide)
;
});