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滑动异常的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！