动态模板中 SWIPER 划不动问题

标签：显示   div   touch   title   生成   解决   pre   style   ide   

原文：

地址：http://hao.jser.com/archive/8030/

作者：segmentfault

问题：

动态循环生成swiper-slide类，在swiper-wrapper里生成6个以上的滑动页，可是就是划不到第二页。

解决：

在查阅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
})

动态模板中 SWIPER 划不动问题

标签：显示   div   touch   title   生成   解决   pre   style   ide   

原文地址：http://www.cnblogs.com/ruoyu384/p/6259642.html