swiper循环和动画冲突

问题描述

使用swiper，给滑块子元素加了一个bounceRight的动画，loop设置成false,没有问题，但是想要的效果是循环滚动，loop设置成true时，像右滑动时，每次循环回来滚到第一个滑块，虽然动画还在，但是当滑动时候，加了动画的元素就消失了，向左边滑动时候，每次循环滚动到第三个滑块也是一样，动画在，开始滑动时，子元素就消失。

看谷歌控制台，子元素的css属性因为加了ani类，每次到首尾相接时候设置了动画的元素，一滑动就变成visibility：hidden，消失，烦死了，看官网也没有类似的demo，谁碰到过类似的问题，能帮忙解决一下？谢了谢了

问题解答

Swiper是在dom加载完毕后实例化的吗？如果在元素尚未全部加载完的时候进行实例化，设置了loop为true会使swiper-slide元素增加2个，那么你加载图片或是其他填充内容的时候就导致数据不足（为了实现循环swiper自己增加了两个dom来进行模拟无缝切换），出现空白。建议在后进行swiper的实例化。