javascript - Slick 轮播在调整大小期间隐藏最后一张幻灯片，slickGoTo 无法按预期工作

Question

我正在实现 Slick Carousel，除了一个问题之外，它工作得很好。如果我有一个幻灯片列表，我选择列表中的最后一张，然后调整窗口大小，事件幻灯片将被隐藏。

我有一个变量 currentSlideIndex 来跟踪哪张幻灯片处于事件状态(当用户选择幻灯片时它会被设置)。

我尝试的解决方案在每次调整大小事件期间都会起作用，并包含以下逻辑:

_.defer(function() {
  myCarousel.slick('slickGoTo', currentSlideIndex, true);
});

但由于某种原因，这不起作用，因为事件幻灯片仍然处于隐藏状态，如果我想看到它，我必须拖动轮播才能再次找到它。

Answer 1

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

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

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

});