swiper移动端无法滑动问题
你好端端 2017-05-20 23:01:03  9661  收藏 2展开在测试时发现,手动复制n个循环部分,则可以滑动n个块;手动调节窗口大小,使页面文档发生改变(动态响应)后,可以正常滑动。于是猜测swiper的机制是:初始化的时候自动扫描swiper-wrapper类下有多少个swiper-slide类块,则允许滑动多少个块。而在avalon始终在swiper初始化之后定义,swiper则无法正确scan有多少个slide(实际上找到一个待循环模板),所以划不动。
找到原因后,只须对症下药。在查阅Swiper的API时发现,有这样两个参数:observer和observeParents,前者启动动态检查器,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。后者原理和前者一样,只是将observe应用于Swiper的父元素。两者默认值都为false。所以在原来的swiper初始化代码中加上这两行即可。
var mySwiper = new Swiper(‘.swiper-container’,{pagination : ‘.swiper-pagination’,    paginationClickable: true,    longSwipesRatio: 0.3,    touchRatio:1,    observer:true,//修改swiper自己或子元素时,自动初始化swiper    observeParents:true,//修改swiper的父元素时,自动初始化swiper})————————————————版权声明:本文为CSDN博主「你好端端」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/paddingC/java/article/details/72589842

By admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注