swiper.js 循环模式下索引不正确的解决方法

东明兄 2019-03-13
2条评论 2,761 次浏览
东明兄 2019-03-132条评论 2,761 次浏览

根据文档,我获取 swiper 当前索引值用的是activeIndex

  swiper.on('slideChangeTransitionEnd', function () {
      console.log('swiper当前索引:',swiper.activeIndex);
}

但是在swiper配置了loop:true ,开启循环之后,索引 打印出来是错的…

在循环模式下,获取索引要通过realIndex,

console.log('swiper当前索引:',swiper.realIndex); // loop 模式下 realIndex

swiper.js 循环模式下索引不正确的解决方法” 有 2 条评论

    1. 我这里看realIndex 是没问题的哦,只是需要跳转卡片时需要注意在循环模式下使用slideToLoop方法,在循环模式下使用slideTo方法。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注