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

新手上路,请多包涵

我的刷卡器有问题( http://www.idangero.us/sliders/swiper/api.php )…我在第 1 页,当我切换到第 2 页时,我希望滑块从第一张幻灯片。我设置 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 版本的刷卡器中,它可以使用该命令,但在最新的 (2.6.0) 中,它不会。

原文由 Alex Stanese 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.1k
1 个回答
 const swiper2 = new Swiper('.swiper-container2', {
  direction: 'vertical',
  slidesPerView: 1,
  initialSlide: 2,
});

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

原文由 hamed.nosrati 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题