闪闪儿 发表于 2016-2-26 12:31:30

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

关于初始化问题，打开做好的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>

闪闪儿 发表于 2016-2-26 12:31:57

求大神帮忙解决

菜鸟来袭 发表于 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动画
}
})      

菜鸟来袭 发表于 2016-2-26 14:44:21

你为什么要在套个函数在外边呢？

闪闪儿 发表于 2016-2-26 15:03:16

因为打开页面的时候，第一页就没有动画，所以我给他写了个div先让他隐藏，然后加载完成，显示。不过这样也没有解决第一页没动画的问题。只有向下拉一下，动画才有。求解救方法

闪闪儿 发表于 2016-2-26 15:06:05

http://file.greatseacn.com/20160226/qr.png

http://file.greatseacn.com/20160226/

菜鸟来袭 发表于 2016-2-26 16:29:08

一共几页？我这怎么有动画呢

fish89 发表于 2016-5-16 10:26:00

我也遇到这个问题 是苹果微信内置浏览器吗lz最后怎么解决的呢？

tros 发表于 2016-5-16 11:36:41

fish89 发表于 2016-5-16 10:26
我也遇到这个问题 是苹果微信内置浏览器吗lz最后怎么解决的呢？

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

229343733 发表于 2016-6-30 18:09:28

http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=1131&extra=page%3D1
页: [1] 2
查看完整版本: 关于初始化问题，打开做好的H5连接，第一页不实现动画