Java教程

swiper滑动异常

本文主要是介绍swiper滑动异常,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

遇到这样的情况,一共5张slide,但是从第三个起再往右划就不动了。后来发现是已经初始化swiper后又追加了slide。(大概意思是这样。太久的程序了,也不想仔细捋了)

暂且用到的办法:

先定义好:

var ifInitSwiper = false; var mySwiper;

在获取数据后:

if($(".swiper-container").length>0){
  if(!ifInitSwiper){
    ifInitSwiper = true;
    mySwiper = new Swiper('.swiper-container', { //内部切换
      direction: 'horizontal', //水平显示
      updateOnImagesReady: true,
      // 如果需要分页器
      pagination: '.swiper-pagination', //分页
    })
   }else{
    mySwiper.update();
   }

}

这篇关于swiper滑动异常的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!