使用swiper 轮播插件ajax 请求加载图片时,无法滑动问题
程序员文章站
2022-10-16 14:20:48
因为图片是动态创建的,在插件开始初始化时,文档流中没用图片,故没有创建相应宽度。通过调整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
上一篇: VUE的指令
下一篇: 霍尼韦尔1450g二维码扫码枪中文识别。