Swiper中文论坛

标题: 关于activeIndex的问题，大神请进【谢谢】 [打印本页]

---

作者: 耿某    时间: 2016-8-14 16:52
标题: 关于activeIndex的问题，大神请进【谢谢】
第二页有一个数字递增的动画，我想等到翻到第二页的时候执行递增动画。
但是我找不到在第二页的判断条件啊。想让下面的函数进入到第二屏执行。
求助求助，谢谢谢谢。

1.     <script>
   
2.   function qingshujishu() {
   
3.       var options = {
   
4.         useEasing : true,
   
5.         useGrouping : true,
   
6.         separator : ',',
   
7.         decimal : '.',
   
8.         prefix : '',
   
9.         suffix : '',
   
10.       };
    
11.       var qingshu = new countUp("myTargetElement", 0, 24, 0, 2.5, options);
    
12.       qingshu.start();
    
13.     }
    
14.     </script>

复制代码

---

作者: FXi    时间: 2016-8-14 16:52
我记得有个回调函数http://www.swiper.com.cn/api/callbacks/2014/1217/92.html
可以利用这个函数然后用IF判定activeIndex；
如下

1. var mySwiper = new Swiper('.swiper-container', {
   
2.         onSlideChangeEnd:function(swiper){
   
3.                 if (swiper.activeIndex==1) {
   
4.                         qingshujishu();
   
5.                 }
   
6.         }
   
7. })

复制代码

---

作者: web蒸锅    时间: 2016-11-23 17:07
swiper.activeIndex拿到当前页index，if(swiper.activeIndex==1){调用递增动画函数}

---

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

Powered by Discuz! X3.2