Swiper中文论坛

标题: 解决微信中首页不显示动画的效果 [打印本页]

作者: 229343733 时间: 2016-6-28 10:29
标题: 解决微信中首页不显示动画的效果
先说下我遇到的问题，就是动画在ios9+的微信上刚加载进来的时候第一屏没有动画，我也看了大家的好多帖子，也有遇到这样的问题，但是都没有找到解决方案

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

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

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

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

直接上代码：

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

},

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

作者: dundaxia 时间: 2016-6-29 17:30
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....

作者: 229343733 时间: 2016-6-30 18:04

dundaxia 发表于 2016-6-29 17:30
Albuminate - - - - - - -
Offers offers offers
Offers offers albuminate - - offers

大家一起水才是真的水

作者: Kami 时间: 2016-7-28 11:30
解决微信中首页不显示动画的效果具体如何解决

作者: codingman 时间: 2016-8-22 11:18
按照楼主的方式，第一页的动画会执行了，不过，执行之前动画元素都是显示状态，1秒后消失在慢慢按照动画出现，感觉怪怪的。有没有方法可以直接进去就是正常执行动画的

作者: 1184680745 时间: 2016-8-28 14:31

codingman 发表于 2016-8-22 11:18
按照楼主的方式，第一页的动画会执行了，不过，执行之前动画元素都是显示状态，1秒后消失在慢慢按照动画出 ...

setTimeout的时间设置为10就行了

作者: lyflyf 时间: 2016-10-14 09:20
楼主，我按照你的方法写了，确实解决了加载后第一页动画不显示的问题，但是我滑到其它页后，重新滑到第一页，第一页动画又不显示，难道是我设置了loop的缘故？我的代码如下：
            onInit: function(SwiperV){
        setTimeout(function(){
                  swiperAnimateCache(SwiperV); //隐藏动画元素
      swiperAnimate(SwiperV);    //初始化完成开始动画
            },1000);

作者: feixm86s 时间: 2016-11-15 10:38

太赞了，谢谢楼主

作者: 发给 时间: 2017-1-11 15:11
我按照楼主的写了但是打开还是不显示动画啊最后都怎么解决的？？

作者: xiaosl 时间: 2017-1-18 09:39
有没有好的loading插件

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)