当前位置: 移动技术网 > IT编程>开发语言>Jquery > 使用swiper 轮播插件ajax 请求加载图片时,无法滑动问题

使用swiper 轮播插件ajax 请求加载图片时,无法滑动问题

2018年11月21日  | 移动技术网IT编程  | 我要评论
因为图片是动态创建的,在插件开始初始化时,文档流中没用图片,故没有创建相应宽度。通过调整js加载顺序,问题还是没有解决。 最后找到swiper插件 api 有属性是可以根据内容变动,自动初始化插件的,添加observer:true后问题解决! var mySwiper = new Swiper (' ...

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

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

 

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

})

 

 

 

 

原文作者链接地址:https://www.cnblogs.com/demoworld/p/5977799.html

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网