Swiper Animate

aprilfall

新人求教，使用swiper嵌套swiper animate，有一些小Bug，求解决思路
问题描述：竖向是四个slide，竖向的第一个slide里有两个横向的slide，每个slide都有嵌入swiper animate，slide滑动正常，动画是可以显示的，但是有时候显示完过了几秒就图片消失了

1. $(document).ready(function () {
   
2.     var swiperH = new Swiper('.swiper-container-h', {
   
3.         pagination: '.swiper-pagination-h',
   
4.         direction: 'horizontal',
   
5.         effect : 'fade',
   
6.         autoplay : 5000,
   
7.         loop : true,
   
8.         grabCursor : true,
   
9.         autoheight:false,
   
10.         onInit: function(swiper1){ //Swiper2.x的初始化是onFirstInit
    
11.             swiperAnimateCache(swiper1); //隐藏动画元素
    
12.             swiperAnimate(swiper1); //初始化完成开始动画
    
13.         },
    
14.         onSlideChangeEnd: function(swiper1){
    
15.             swiperAnimate(swiper1); //每个slide切换结束时也运行当前slide动画
    
16.         }
    
17.     });
    
18.     var swiperV = new Swiper('.swiper-container-v', {
    
19.         pagination: '.swiper-pagination-v',
    
20.         paginationClickable: true,
    
21.         direction: 'vertical',
    
22.         mousewheelControl : true,
    
23.         mousewheelForceToAxis : true,
    
24.         autoheight:false,
    
25.         onInit: function(swiper2){ //Swiper2.x的初始化是onFirstInit
    
26.             swiperAnimateCache(swiper2); //隐藏动画元素
    
27.             swiperAnimate(swiper2); //初始化完成开始动画
    
28.         },
    
29.         onSlideChangeEnd: function(swiper2){
    
30.             swiperAnimate(swiper2); //每个slide切换结束时也运行当前slide动画
    
31.         }
    
32.     });
    
33. });

复制代码