Swiper中文论坛

标题: swiper loop 循环第一页加载问题 [打印本页]

作者: chlshown 时间: 2018-4-17 15:11
标题: swiper loop 循环第一页加载问题
本帖最后由 chlshown 于 2018-4-17 15:15 编辑

swiper loop设置为true后，循环重新回到第一页的时候，有些元素没加载出来，这个时候如果稍微抖动下，又全部加载出来了。查看dom发现，从最后一页到第一页的时候，加载的slider是swiper-slide swiper-slide-duplicate swiper-slide-active，抖一下后切换到swiper-slide swiper-slide-active这个slider里去了，也就是说这个swiper-slide swiper-slide-duplicate swiper-slide-active类状态下的dom加载会有问题，请问有什么解决方法～

屏幕快照 2018-04-17 下午3.12.07.png (12.24 KB, 下载次数: 338)

重新loop回第一页slider

作者: chlshown 时间: 2018-4-17 17:40
原因应该是找到了，swiper实现loop的时候应该是对slider做了一个duplicate，但是关键是做这个duplicate的时机，有些数据是延迟获取后渲染dom的，swiper应该复制的只是dom元素而不是代码，所以延迟的那部分它无法获取到，不过现在还没什么解决方法～

作者: 哈哈哈11111 时间: 2018-4-23 11:22
楼主厉害

作者: ningning111 时间: 2018-10-9 11:53
楼主大大请问你这问题找到解决方法了吗？

作者: lewis 时间: 2018-10-9 16:55
楼主,我也遇到相同的问题,请问你解决了吗

作者: 404Not 时间: 2018-10-17 18:11
observer: true,
observerParents: true,
加上这两句就ok

作者: demo_ 时间: 2019-1-16 18:41

404Not 发表于 2018-10-17 18:11
observer: true,
observerParents: true,
加上这两句就ok

亲测有效

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)