无限时禁用光滑的克隆幻灯片:true

Posted

技术标签:

【中文标题】无限时禁用光滑的克隆幻灯片:true【英文标题】:Disable slick cloning slides while infinite:true 【发布时间】:2020-01-10 20:54:32 【问题描述】:

我需要从我的滑块中删除光滑克隆的幻灯片,同时保持无限真实。我怎样才能做到这一点?

$(".contents")
      .not(".slick-initialized")
      .slick(
        infinite: true,
        variableWidth: true,
        slidesToShow: 5,
        slidesToScroll: 1,
        prevArrow:
          '<a href="#" class="scroll-control scroll-left hidden" ><i class="icon-chevron-left "></i></a>',
        nextArrow:
           '<a href="#" class="scroll-control scroll-right" ><i class="icon-chevron-right"></i></a>',
);

【问题讨论】:

这里的目标是什么?克隆的幻灯片是否会以某种方式产生问题?试图完全删除它们可能会弄乱 Slick 并最终可能会产生另一个问题。 是的,这是 SEO 的问题。克隆内容很糟糕。有人可以帮忙吗? 【参考方案1】:

它可能会解决您的克隆问题。请使用 infinite:false

$(".contents")
      .not(".slick-initialized")
      .slick(
        infinite: false,
        variableWidth: true,
        slidesToShow: 5,
        slidesToScroll: 1,
        prevArrow:
          '<a href="#" class="scroll-control scroll-left hidden" ><i class="icon-chevron-left "></i></a>',
        nextArrow:
           '<a href="#" class="scroll-control scroll-right" ><i class="icon-chevron-right"></i></a>',
);


【讨论】:

以上是关于无限时禁用光滑的克隆幻灯片:true的主要内容,如果未能解决你的问题,请参考以下文章

光滑的轮播 JS 库在第一张幻灯片上堆叠所有内容

当幻灯片更改时,光滑的滑块会暂停 youtube 视频

光滑的滑块箭头在响应模式下表现得像幻灯片

Reactjs 光滑的幻灯片

我如何在光滑的滑块中只显示三张幻灯片?

光滑的滑块 - 随着更多幻灯片加载到滑块中,幻灯片会缩小