主要是因为没写上
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
本次主要是写一个点击上面的 ipad/iphone,下面的内容跟着切换的效果,其中下面切换的效果用的swiper,但是运行时发现,有不显示切换成显示的那个swiper一直不正常,一行只显示一张图,而且分页点击无效果,问了度娘,终于找到解决办法:
swiper在 swiper-container正常状态下显示,轮播是没有问题,但是当 swiper-container由隐藏切换至显示时(比如做图片查看时)会出现滑动bug。
这个问题官网提供了解决的方法,只需要设置两个参数就行,代码如下:
var mySwiper = myApp.swiper('.guest-wrapper',{
freeMode : true,
slidesPerView : 'auto',
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true//修改swiper的父元素时,自动初始化swiper
});