光滑的旋转木马在调整大小期间隐藏最后一张幻灯片,光滑的GoTo无法按预期工作

时间:2015-09-16 22:27:32

标签: javascript jquery carousel

我正在实施Slick Carousel,除了一个问题外它工作正常。如果我有一个幻灯片列表,我选择列表中的最后一个,然后我调整窗口大小,活动幻灯片被隐藏。

我有一个变量Artist,用于跟踪哪个幻灯片处于活动状态(当用户选择幻灯片时,它会被设置)。

尝试的解决方案我在每个resize事件期间都有动作,并且包含以下逻辑:

currentSlideIndex

出于某种原因,这不起作用,因为活动幻灯片仍然隐藏,如果我想看到它,我必须通过旋转木马再次找到它。

1 个答案:

答案 0 :(得分:1)

之前我遇到过这个问题。我能想到的唯一解决方案是缓存用户所在的幻灯片,使用unslick销毁幻灯片,使用您的设置重新初始化它,然后转到刚刚开启的幻灯片。适用于移动方向更改。



$(window).on('resize', function() {
  var currentSlide = $slick.slick('slickCurrentSlide');

  $slick
    .slick('unslick')
    .slick(slideSettings)
    .slick('slickGoTo', currentSlide)
  ;

});