如何使用Swiper.js获取幻灯片的先前活动索引?

特诺马迪曼

我可以使用来获取当前幻灯片的索引this.realIndex,如文档中所示,但this.previousIndex无法产生先前活动幻灯片的realIndex。相反,它提供的等效于activeIndex,当滑块循环时会反映出来。如何获得realIndex以前活动的幻灯片的图片?这是Swiper中的错误吗?这可能需要进入本地存储吗?

这是我的笔,将幻灯片索引记录到控制台。注意previousIndex没有什么用:https : //codepen.io/thenomadicmann/pen/GRRPeWG?editors=1111

特诺马迪曼

@neevany离得很近,让我走上了正轨。但是,对于希望使用slideChange事件访问循环的Swiper中的previousIndex的任何人,您不仅需要纠正他描述的-1索引问题,还需要纠正在swwiper循环时发生的double slideChange事件。代码如下:

// Have to use previousIndex in this fashion due to a bug in Swiper.js as of 11/21/19
let previousIndex = this.previousIndex - 1;
if ( previousIndex == -1 ) {
    previousIndex = 0;
} else if ( previousIndex == document.querySelectorAll( '.swiper-slide' ).length ) { // When swiper loops, slideChange gets fired twice and messes up animations. This prevents it from doing so.
    return;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Swiper库在Ionic2中创建幻灯片/转盘

来自分类Dev

Swiper - 移动幻灯片

来自分类Dev

无法获取活动幻灯片的索引

来自分类Dev

如何限制幻灯片的大小(JS)

来自分类Dev

swiper js 每个视图多张幻灯片

来自分类Dev

如何显示特定幻灯片的活动幻灯片编号

来自分类Dev

使用JS数组的幻灯片放映

来自分类Dev

使用JS数组的幻灯片放映

来自分类常见问题

如何根据活动幻灯片更改身体背景颜色?

来自分类Dev

如何定位自举轮播的活动幻灯片?

来自分类Dev

如何获取Google幻灯片标题和幻灯片编号的列表-Google Apps脚本

来自分类Dev

使用多个滑块获取当前幻灯片和总幻灯片

来自分类Dev

如何在幻灯片中的可见幻灯片上添加“活动”类?

来自分类Dev

如何在Glide.js中获取当前幻灯片编号

来自分类Dev

如何在reveal.js中获取堆叠幻灯片的数量

来自分类Dev

使用swiper js创建一个历史时间表,每年有多张幻灯片

来自分类Dev

在JQuery Cycle中,如何获取当前幻灯片的src?

来自分类Dev

如何获取幻灯片的当前图片来源?

来自分类Dev

使用多个滑块获取当前和全部幻灯片

来自分类Dev

使用 PowerPoint Interop 获取幻灯片的页眉和页脚

来自分类Dev

没有JS,如何让幻灯片重复播放?

来自分类Dev

使用JS / jQuery创建“幻灯片”效果

来自分类Dev

使用JS / jQuery创建“幻灯片”效果

来自分类Dev

如何分离幻灯片

来自分类Dev

如何使用fancyBox创建幻灯片?

来自分类Dev

如何在 Swiper Cover Flow Slider 中更改幻灯片的渲染流程

来自分类Dev

swiper.js每张幻灯片多个img延迟加载无法正常工作

来自分类Dev

我如何在Vue JS中使用swiper.js

来自分类Dev

如何使用Apache POI从Powerpoint的幻灯片图中获取DataXML

Related 相关文章

  1. 1

    如何使用Swiper库在Ionic2中创建幻灯片/转盘

  2. 2

    Swiper - 移动幻灯片

  3. 3

    无法获取活动幻灯片的索引

  4. 4

    如何限制幻灯片的大小(JS)

  5. 5

    swiper js 每个视图多张幻灯片

  6. 6

    如何显示特定幻灯片的活动幻灯片编号

  7. 7

    使用JS数组的幻灯片放映

  8. 8

    使用JS数组的幻灯片放映

  9. 9

    如何根据活动幻灯片更改身体背景颜色?

  10. 10

    如何定位自举轮播的活动幻灯片?

  11. 11

    如何获取Google幻灯片标题和幻灯片编号的列表-Google Apps脚本

  12. 12

    使用多个滑块获取当前幻灯片和总幻灯片

  13. 13

    如何在幻灯片中的可见幻灯片上添加“活动”类?

  14. 14

    如何在Glide.js中获取当前幻灯片编号

  15. 15

    如何在reveal.js中获取堆叠幻灯片的数量

  16. 16

    使用swiper js创建一个历史时间表,每年有多张幻灯片

  17. 17

    在JQuery Cycle中,如何获取当前幻灯片的src?

  18. 18

    如何获取幻灯片的当前图片来源?

  19. 19

    使用多个滑块获取当前和全部幻灯片

  20. 20

    使用 PowerPoint Interop 获取幻灯片的页眉和页脚

  21. 21

    没有JS,如何让幻灯片重复播放?

  22. 22

    使用JS / jQuery创建“幻灯片”效果

  23. 23

    使用JS / jQuery创建“幻灯片”效果

  24. 24

    如何分离幻灯片

  25. 25

    如何使用fancyBox创建幻灯片?

  26. 26

    如何在 Swiper Cover Flow Slider 中更改幻灯片的渲染流程

  27. 27

    swiper.js每张幻灯片多个img延迟加载无法正常工作

  28. 28

    我如何在Vue JS中使用swiper.js

  29. 29

    如何使用Apache POI从Powerpoint的幻灯片图中获取DataXML

热门标签

归档