gpt4 book ai didi

javascript - 如何设置 SWIPER 从第一张幻灯片开始?

转载 作者:行者123 更新时间:2023-11-29 14:52:36 25 4
gpt4 key购买 nike

我的刷卡器 ( http://www.idangero.us/sliders/swiper/api.php ) 有问题...我在第 1 页,当我切换到第 2 页时,我希望 slider 从第一张幻灯片开始。我设置 mySwiper.swipeTo(0, 0, false);在 pagebeforeshow 上,它不起作用。最奇怪的是,如果我切换到第二张或第三张幻灯片(例如 mySwiper.swipeTo(1, 0, false) 或 mySwiper.swipeTo(2, 0, false)),它会完美运行,但在第一张 (0) 上它只是不切换。这是为什么?我尝试了一切可能的事情。它不会在第一张幻灯片上切换,只会在其他幻灯片上切换。唯一可行的方法是 onpageshow 但它很丑陋,因为它首先显示一张幻灯片,然后再显示另一张......我也试过 mySwiper.swipePrev();几次,但它在幻灯片 2 上受阻。它不会在第一张幻灯片上播放。

更新:

这是 jsfiddle 示例:http://jsfiddle.net/alecstheone/9VBha/103/

所以...如果我转到第二页并滑动到第三张幻灯片,然后右键单击并返回,而不是返回到第 2 页,滑动器仍在第 3 张幻灯片上,它应该在第 1 页上,因为我设置

mySwiper.swipeTo(0, 1, true);  

如果我设置:

mySwiper.swipeTo(1, 1, true);  
or
mySwiper.swipeTo(2, 1, true);

它有效...仅在 0 时它不会...

我还注意到,在 1.8.0 版本的 swiper 中它可以使用该命令,但在最新的 (2.6.0) 中它不会。

最佳答案

 const swiper2 = new Swiper('.swiper-container2', {
direction: 'vertical',
slidesPerView: 1,
initialSlide: 2,
});

你可以使用initialSlide设置第一张幻灯片

关于javascript - 如何设置 SWIPER 从第一张幻灯片开始?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23090580/

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