查看: 6213|回复: 9
打印 上一主题 下一主题

解决微信中首页不显示动画的效果

[复制链接]
  • TA的每日心情
    开心
    2016-7-5 09:15
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    3

    主题

    23

    帖子

    247

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    247
    跳转到指定楼层
    楼主
    发表于 2016-6-28 10:29:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    先说下我遇到的问题,就是动画在ios9+的微信上刚加载进来的时候第一屏没有动画,我也看了大家的好多帖子,也有遇到这样的问题,但是都没有找到解决方案

    最近终于找到一个好的解决方案,来和大家一起分享!

    我也非常的不解为什么他在所有的东西都加载完了之后再刷新页面还是没有动画效果,看来可以排除不是因为js完而动画不出来,但是现在我给了个定时器之后,再执行这个动画的代码,就有

    动画的效果了,我非常不解。

    解决办法就是给个定时器,再执行动画的代码

    直接上代码:

    onInit: function(swiper){
       setTimeout(function(){
                    $("#loading").remove();
                    $(".swiper-container").css({"opacity":"1"});
                    swiperAnimateCache(swiper);  
                    swiperAnimate(swiper);       
            },1000);

    },



    虽然这个问题是解决了,但是还是没有探究出来它的本质是什么造成的,希望各位兄弟一起来探讨!


    评分

    参与人数 1金钱 +40 收起 理由
    admin + 40 赞一个!

    查看全部评分

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2016-11-27 09:24
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    3

    主题

    20

    帖子

    130

    积分

    注册会员

    Rank: 2

    积分
    130
    沙发
    发表于 2016-6-29 17:30:03 | 只看该作者
    Albuminate - - - - - - -
    Offers offers offers
    Offers offers albuminate - - offers
    At the current stage of offers offers offers water
    Offers offers offers offers offers Emperor
    Offers offers offers offers offers really
    At the current stage of by offers offers offers
    Offers offers L - offers
    At the current stage of offers
    Offers offers offers
    L - - - - - -
    Look, is the great breakthrough of water, the water in the extreme, he even water to level 19!!!!"
    The lofty tower above, a towering figure overlooking the sentient beings, above the one hundred thousand Post Bar.
    "Water is great to do what? Does he want to water to the legendary -- twenty?!!!!" People with panic.
    The emperor saw water shout: "fifteen words high watermark!!!!" Voice did not fall, towering high-rise building projects.
    "No one can stop the water of the emperor, his experience should not need to groove!!!!"
    See also the water of the great smile, suddenly blustery, -- lose one's temper, thousands of landlord suddenly feel spirit is a swing.
    "In honour of!! This is a big honour operation!!!"
    The water was stroked his beard, light drink: "small tail!" Thousands of water all feel One's mind is wandering., upside down.
    Water the great created hydrosphere, water and white water from people who lives happily ever after....
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2016-7-5 09:15
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    3

    主题

    23

    帖子

    247

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    247
    板凳
     楼主| 发表于 2016-6-30 18:04:25 | 只看该作者
    dundaxia 发表于 2016-6-29 17:30
    Albuminate - - - - - - -
    Offers offers offers
    Offers offers albuminate - - offers

      大家一起水  才是真的水
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2019-8-28 10:38
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    7

    帖子

    29

    积分

    新手上路

    Rank: 1

    积分
    29
    地板
    发表于 2016-7-28 11:30:15 | 只看该作者
    解决微信中首页不显示动画的效果 具体如何解决
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    5

    帖子

    5

    积分

    新手上路

    Rank: 1

    积分
    5
    5#
    发表于 2016-8-22 11:18:04 | 只看该作者
    按照楼主的方式,第一页的动画会执行了,不过,执行之前动画元素都是显示状态,1秒后消失在慢慢按照动画出现,感觉怪怪的。有没有方法可以直接进去就是正常执行动画的
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    12

    积分

    新手上路

    Rank: 1

    积分
    12
    6#
    发表于 2016-8-28 14:31:17 | 只看该作者
    codingman 发表于 2016-8-22 11:18
    按照楼主的方式,第一页的动画会执行了,不过,执行之前动画元素都是显示状态,1秒后消失在慢慢按照动画出 ...

    setTimeout的时间设置为10就行了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2016-10-20 11:06
  • 签到天数: 1 天

    [LV.1]初来乍到

    4

    主题

    16

    帖子

    184

    积分

    注册会员

    Rank: 2

    积分
    184
    7#
    发表于 2016-10-14 09:20:15 | 只看该作者
    楼主,我按照你的方法写了,确实解决了加载后第一页动画不显示的问题,但是我滑到其它页后,重新滑到第一页,第一页动画又不显示,难道是我设置了loop的缘故?我的代码如下:
                   onInit: function(SwiperV){
                                setTimeout(function(){
                            swiperAnimateCache(SwiperV);    //隐藏动画元素
                                              swiperAnimate(SwiperV);                  //初始化完成开始动画                
                            },1000);
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2016-11-15 10:37
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    4

    帖子

    23

    积分

    新手上路

    Rank: 1

    积分
    23
    8#
    发表于 2016-11-15 10:38:28 | 只看该作者
    太赞了,谢谢楼主
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    5

    积分

    新手上路

    Rank: 1

    积分
    5
    9#
    发表于 2017-1-11 15:11:43 | 只看该作者
    我按照楼主的写了 但是打开还是不显示动画啊  最后都怎么解决的??
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2017-1-18 09:55
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    13

    帖子

    22

    积分

    新手上路

    Rank: 1

    积分
    22
    10#
    发表于 2017-1-18 09:39:55 | 只看该作者
    有没有好的loading插件
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-9-22 17:17 , Processed in 0.074906 second(s), 28 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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