查看: 3537|回复: 10
打印 上一主题 下一主题

关于初始化问题,打开做好的H5连接,第一页不实现动画

[复制链接]

该用户从未签到

1

主题

4

帖子

6

积分

新手上路

Rank: 1

积分
6
跳转到指定楼层
楼主
发表于 2016-2-26 12:31:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
关于初始化问题,打开做好的H5连接,第一页不实现动画,得翻到底二页,再回到第一页,才有动画。

script>
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
   function subSomething()
   {
     if(document.readyState == "complete") //当页面加载状态
     {
                 $("#star").css("display","block");
  var mySwiper = new Swiper ('.swiper-container', {
           direction : 'vertical',
   pagination: '.swiper-pagination',
      mousewheelControl : true,
  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
    swiperAnimateCache(swiper); //隐藏动画元素
    swiperAnimate(swiper); //初始化完成开始动画
  },
  onSlideChangeEnd: function(swiper){
    swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
  }
  })  

           }
   }      
</script>

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

使用道具 举报

该用户从未签到

1

主题

4

帖子

6

积分

新手上路

Rank: 1

积分
6
沙发
 楼主| 发表于 2016-2-26 12:31:57 | 只看该作者
求大神帮忙解决
回复 支持 反对

使用道具 举报

  • TA的每日心情
    郁闷
    2018-8-20 10:51
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    54

    帖子

    339

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    339
    板凳
    发表于 2016-2-26 14:43:53 | 只看该作者
    var mySwiper = new Swiper ('.swiper-container', {
      onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
        swiperAnimateCache(swiper); //隐藏动画元素
        swiperAnimate(swiper); //初始化完成开始动画
      },
      onSlideChangeEnd: function(swiper){
        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
      }
      })        
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2018-8-20 10:51
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    54

    帖子

    339

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    339
    地板
    发表于 2016-2-26 14:44:21 | 只看该作者
    你为什么要在套个函数在外边呢?
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    4

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    5#
     楼主| 发表于 2016-2-26 15:03:16 | 只看该作者
    因为打开页面的时候,第一页就没有动画,所以我给他写了个div先让他隐藏,然后加载完成,显示。不过这样也没有解决第一页没动画的问题。只有向下拉一下,动画才有。求解救方法
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    4

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    6#
     楼主| 发表于 2016-2-26 15:06:05 | 只看该作者
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2018-8-20 10:51
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    54

    帖子

    339

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    339
    7#
    发表于 2016-2-26 16:29:08 | 只看该作者
    一共几页?我这怎么有动画呢
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    3

    帖子

    25

    积分

    新手上路

    Rank: 1

    积分
    25
    8#
    发表于 2016-5-16 10:26:00 | 只看该作者
    我也遇到这个问题 是苹果微信内置浏览器吗  lz最后怎么解决的呢?
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    5

    帖子

    45

    积分

    新手上路

    Rank: 1

    积分
    45
    9#
    发表于 2016-5-16 11:36:41 | 只看该作者
    fish89 发表于 2016-5-16 10:26
    我也遇到这个问题 是苹果微信内置浏览器吗  lz最后怎么解决的呢?

    就是用微信和qq打开会出现第一个界面无动画的效果 uc都是正常的 有解决方法吗
    回复 支持 反对

    使用道具 举报

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

    [LV.3]偶尔看看II

    3

    主题

    23

    帖子

    247

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    247
    10#
    发表于 2016-6-30 18:09:28 | 只看该作者
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-5-7 12:21 , Processed in 0.098259 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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