首页 > 其他 > 详细

动态模板中 SWIPER 划不动问题

时间:2017-01-07 17:57:18      阅读:292      评论:0      收藏:0      [点我收藏+]

原文:

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

作者:

 

问题:

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

解决:

在查阅Swiper的API时发现,有这样两个参数:observerobserveParents,前者启动动态检查器,当改变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 划不动问题

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!