查看: 4574|回复: 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, 下载次数: 127)

重新loop回第一页slider

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

使用道具 举报

该用户从未签到

0

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
推荐
发表于 2019-1-16 18:41:00 | 只看该作者
404Not 发表于 2018-10-17 18:11
observer: true,
observerParents: true,
加上这两句就ok

亲测有效
回复 支持 0 反对 1

使用道具 举报

该用户从未签到

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
推荐
发表于 2018-10-17 18:11:52 | 只看该作者
observer: true,
observerParents: true,
加上这两句就ok
回复 支持 1 反对 0

使用道具 举报

该用户从未签到

1

主题

2

帖子

8

积分

新手上路

Rank: 1

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

使用道具 举报

该用户从未签到

2

主题

16

帖子

30

积分

新手上路

Rank: 1

积分
30
板凳
发表于 2018-4-23 11:22:47 | 只看该作者
楼主厉害
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
地板
发表于 2018-10-9 11:53:05 | 只看该作者
楼主大大 请问你这问题找到解决方法了吗?
回复 支持 反对

使用道具 举报

  • TA的每日心情
    开心
    2018-10-20 13:33
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    0

    主题

    7

    帖子

    39

    积分

    新手上路

    Rank: 1

    积分
    39
    5#
    发表于 2018-10-9 16:55:02 | 只看该作者
    楼主,我也遇到相同的问题,请问你解决了吗
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-4-20 14:47 , Processed in 0.080422 second(s), 33 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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