Swiper中文论坛

标题: Swiper Animate [打印本页]
作者: aprilfall    时间: 2016-1-20 21:09
标题: Swiper Animate
本帖最后由 aprilfall 于 2016-1-20 21:10 编辑

新人求教，使用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. });
复制代码







欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2