关注微信公众号 太平洋学习网 扫描二维码
最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

swiper动态加载数据滑动失效问题解决

HTML5 admin 浏览 评论

 swiper ajax动态加载数据滑动失效问题解决很简单,只需要在swiper初始化的时候,加入以下两段代码即可,不用管这两段swiper属性是什么意思,加入进去即可。

observer:true,

observeParents:true,

swiper初始化完整代码如下。

//初始化swiper
var mySwiper = new Swiper ('.swiper-container', {
 // Optional parameters 水平显示,不无限循环,
 direction: 'horizontal',
 loop: false,
 //解决动态加载无法滑动问题
 observer:true,
 observeParents:true

});

 

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/html5/2017/1027/329.html