swiper插件动态加载数据轮播滑动异常问题

时间:2018-11-21
本文章向大家介绍使用swiper 轮播插件ajax 请求加载图片时，无法滑动问题 ，需要的朋友可以参考一下

因为图片是动态创建的，在插件开始初始化时，文档流中没用图片，故没有创建相应宽度。通过调整js加载顺序，问题还是没有解决。

最后找到swiper插件 api 有属性是可以根据内容变动，自动初始化插件的，添加observer：true后问题解决！

 

var mySwiper = new Swiper ('.swiper-container', {
      direction: 'horizontal',
      loop: false,
      observer:true,//修改swiper自己或子元素时，自动初始化swiper

})

随机文章
Javascript知识点必读
最近更新