使用光滑的轮播在选项卡之间移动

Question

我有 3 个类似的选项卡，它们带有流畅的轮播，但内容不同。当我移动到另一个选项卡时，轮播变得苗条。只需添加 class hidden(display:none) 即可更改选项卡。试过 bootstrap 个选项卡，同样的问题。 Before changing tab, after 正在更改选项卡。

例子 https://jsfiddle.net/vzqp5k3e/6/

忘了说了。幻灯片更改后轮播行为正常。

Answer 1

你必须销毁光滑对象然后重新初始化它。

  $('.my-carousel').slick('destroy');
  $('#myCarousel'+nbr).slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 1,
    arrows: false,
    autoplay: true,
    autoplaySpeed: 3000});

例如。 https://jsfiddle.net/9r63vkqa/

使用光滑的轮播在选项卡之间移动

Move between tabs with slick carusels

javascript

slick.js