查看: 4602|回复: 7
打印 上一主题 下一主题

swiper loop 循环第一页加载问题

[复制链接]

该用户从未签到

1

主题

2

帖子

8

积分

新手上路

Rank: 1

积分
8
跳转到指定楼层
楼主
发表于 2018-4-17 15:11:08 | 显示全部楼层 |只看大图 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 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, 下载次数: 129)

重新loop回第一页slider

重新loop回第一页slider
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

2

帖子

8

积分

新手上路

Rank: 1

积分
8
沙发
 楼主| 发表于 2018-4-17 17:40:27 | 显示全部楼层
原因应该是找到了,swiper实现loop的时候应该是对slider做了一个duplicate,但是关键是做这个duplicate的时机,有些数据是延迟获取后渲染dom的,swiper应该复制的只是dom元素而不是代码,所以延迟的那部分它无法获取到,不过现在还没什么解决方法~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-3 16:14 , Processed in 0.082126 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表