使用swiper,tab切换时,swiper的动画失效,在切换slide时才起作用,怎么解决?

1.swiper配置

var swiperV = new Swiper('.swiper-container-v', {
    speed:1000,
    mousewheelControl : true,
    pagination: '.swiper-pagination-v',
    paginationClickable: true,
    direction: 'vertical',
    spaceBetween: 0,
    autoHeight: true,
    observer:true,
    observeParents:true,
    onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
        swiperAnimateCache(swiper); //隐藏动画元素 
        swiperAnimate(swiper); //初始化完成开始动画
      }, 
      onSlideChangeEnd: function(swiper){ 
        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
      }
    });
var swiperV2 = new Swiper('.swiper-container-2', {
    pagination: '.swiper-pagination-v',
    paginationClickable: true,
    direction: 'vertical',
    spaceBetween: 4000,
    autoHeight: true,
    observer:true,
    observeParents:true,
    onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
        swiperAnimateCache(swiper); //隐藏动画元素 
        swiperAnimate(swiper); //初始化完成开始动画
      }, 
      onSlideChangeEnd: function(swiper){ 
        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
      }
});
2.切换tab是自己写的,改变div的显示和隐藏
阅读 7.1k
2 个回答
新手上路,请多包涵

我现在遇到这个问题,不知道怎么解决

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题