Javascript Swiper和当前页面索引

我使用它让用户在我的HTML5/JS/CSS网站上浏览多个页面。 我初始化了swiper（请注意，我使用的是Framework7，其中包含swiper API作为内部模块，

app

对象表示Framework7实例：

var swiper = app.swiper.create('#swiper', {
    speed: 200,
    spaceBetween: 0,
    initialSlide: 0,
    loop: true,
    pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
    },
    autoHeight: true,
});

我的HTML上还有三张幻灯片：

<div class="swiper-container" id="swiper">
    <div class="swiper-wrapper"> 
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <div class="swiper-pagination"></div>
</div>

当我尝试检索当前幻灯片索引（

swiper.activeIndex

）时，我得到了非常奇怪的结果：我希望得到一个数字，0、1或2（当前页面索引）。 如果我不换行，我会得到1,2,3（好的，不是基于0的，非常好，我会添加一个-1）。如果我换行（Swiper在循环中无缝滑动，换行页面），我也会得到0和4作为索引，我不知道为什么

文档说明，在循环模式（

loop:true

）下，活动页面索引的工作方式如下：

当前活动幻灯片的索引编号

请注意，循环模式下的活动索引值将始终在 循环/重复幻灯片的数量

还是不明白那句话，“在许多循环幻灯片上移动”

通过查看HTML，我可以看到Swiper API在“真实”幻灯片序列的最左边和最右边创建了额外的“重复”幻灯片，以创建跨页面无缝循环的效果

---

但是如果我实际上只有3页，为什么我也会得到索引0和4，而不是1,2,3？（page1=1，page2=2，page3=3）？

启用循环后，swiper会将第一张幻灯片复制到结尾，第一张幻灯片之前的最后一张幻灯片也会保持动画的流畅

3页+2份副本=5页（索引0-4）

使用

swiper.activeIndex

访问虚拟幻灯片时，只需使用

swiper.realIndex

即可访问真实索引

swiper.on("transitionEnd", function(e){
    var slideIndex = swiper.activeIndex;
    console.log("I'm on slide no: "+slideIndex);
});