gpt4 book ai didi

javascript - jQuery slick.js 轮播 : add items w/o changing current element

转载 作者:行者123 更新时间:2023-11-30 16:34:14 25 4
gpt4 key购买 nike

我正在使用光滑的轮播 http://kenwheeler.github.io/slick/ .

我的旋转木马中有太多项目。我想在后台模式下部分加载它。我使用示例代码来添加新项目:

$('.add-remove').slick('slickAdd','<div>slide</div>', index);

当我加载“下一个”项目时它工作正常,但问题是加载“上一个”项目。例如,如果当前幻灯片索引为 10 并且我在 0 位置加载项目,轮播将滚动到索引为 10 的新项目。但是当我添加新项目时,我需要“静默模式”来处理 AJAX 请求,而无需更改轮播位置。

如何阻止 slick carousel 改变位置?

最佳答案

你不能阻止改变位置,但你可以在没有任何动画的情况下设置位置。

  1. 在 `afterChange` 事件中添加新项目
  2. 将新项目添加到轮播时,使用 `$('.add-remove').slick('slickGoTo', currentSlide, true);`
  3. 计算 `currentSlide` 作为添加所有新项目后当前幻灯片的索引

关于javascript - jQuery slick.js 轮播 : add items w/o changing current element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32911622/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com