使用流畅的轮播在选项卡之间移动

Posted 2023-05-07

【中文标题】使用流畅的轮播在选项卡之间移动

【英文标题】：Move between tabs with slick carusels

【发布时间】：2021-12-22 21:15:49

【问题描述】：

我有 3 个类似的选项卡，带有光滑的轮播，但内容不同。当我移动到另一个选项卡时，轮播变得苗条。只需添加类hidden(display:none) 即可更改选项卡。尝试引导选项卡，同样的问题。 Before 换标签，after 换标签。

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

忘记说了。幻灯片更改后轮播表现正常。

【问题讨论】：

尝试设置最小高度属性？您可以发布一个 jsfiddle 链接，我们可以在其中调试问题吗？

@PavanJ 是的，jsfiddle.net/vzqp5k3e/4

【参考方案1】：

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

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

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

【讨论】：

非常感谢，遇到了一些麻烦。