评论：jquery轻量级数字动画插件jquery.countup.js  [查看原文]

西瓜0
2022/7/21 11:55:05

刷新存在缓存问题，加个随机数试试

我爱吃飞鱼0
2021/4/25 16:21:19
问题已经解决了，请原谅我问了一个很小白的问题！打扰了！

jquery.countup.min.js 中

var f = function() {
    e.text(e.data("counterup-nums").shift()), e.data("counterup-nums").length ? setTimeout(e.data("counterup-func"), a) : (e.data("counterup-nums"), e.data("counterup-nums", null), e.data("counterup-func", null))
}

改为

var f = function() {
    if (e.data('counterup-nums')) {
        e.text(e.data("counterup-nums").shift()), e.data("counterup-nums").length ? setTimeout(e.data("counterup-func"), a) : (e.data("counterup-nums"), e.data("counterup-nums", null), e.data("counterup-func", null))
    }
}

律0
2021/12/16 9:54:21
改完 一直是NaN啊 还是不生效

律0
2021/12/16 9:55:00
还是不行 一直NaN 不会滚动

青春只为一个等待1
2019/6/1 14:36:42

var f = function() {
    if ($this.data('counterup-nums')) { //加个这个判断
        $this.text($this.data('counterup-nums').shift());
        if ($this.data('counterup-nums').length) {
            setTimeout($this.data('counterup-func'), delay);
        } else {
            $this.data('counterup-nums');
            $this.data('counterup-nums', null);
            $this.data('counterup-func', null);
        }
    }
};

Warning0
2019/8/16 11:22:51
没毛病 老铁

手捧阳光0
2019/12/20 17:18:13
代码是加在哪里呢？

??艳芬3
2019/11/15 11:38:30

waypoint，也就是第一个引入的文件是用于滚动监听的
倒数几行的位置有一行代码

$this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });

这行代码的就是用了第一个引入的文件，滚动监听，你滚动到绑定countup数字滚动的标签位置，就会开始滚动数字，
你如果希望只滚动一次数字，那你就把这句注释掉，自己写滚动监听


// Perform counts when the element gets into view
// $this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });
var scrollBool = true;
$(window).on('scroll', function() {
    if ($(window).height() + $(document).scrollTop() >= $this.offset().top && scrollBool) {
        scrollBool = false
        counterUpper();
    }
});

天空蓝丶0
2019/4/13 9:16:29
同求,,实现了页面加载鼠标滚动只触发一次

Johnny1
2022/1/5 11:04:34

/* e.waypoint(u, {
offset: "100%",
triggerOnce: !0
}) */
//只滚动一次代码
var scrollBool = true;
$(window).on('scroll', function() {
    if ($(window).height() + $(document).scrollTop() >= e.offset().top && scrollBool) {
        scrollBool = false
        u();
    }
});

关于 数据每此都是第一次的数为问题 ；处理下这段代码

// if(!$this.data('counterupTo')) {
     $this.data('counterupTo',$this.text());
// }

注释掉  if(!$this.data('counterupTo'))

jyc01850
2018/11/4 16:31:47
谢谢

　0
2020/12/28 17:24:02
没有这一段....

var f = function() {
   if ($this.data('counterup-nums')) {
       $this.text($this.data('counterup-nums').shift());
       if ($this.data('counterup-nums').length) {
           setTimeout($this.data('counterup-func'), delay);
       } else {
            $this.data('counterup-nums');
           $this.data('counterup-nums', null);
           $this.data('counterup-func', null);
       }
   }
};

这个是加在哪里呢，现在报错呢
Cannot read property 'shift' of null
   at f

手捧阳光0
2019/12/20 17:18:45
你这个问题解决了吗，我现在也是这个错误

Johnny0
2022/1/5 10:49:10

var f = function() {
    if (e.data("counterup-nums")) { //报错另外添加的判断
        e.text(e.data("counterup-nums").shift()), e.data("counterup-nums").length ?
            setTimeout(e.data("counterup-func"), a) : (e.data("counterup-nums"),
                e.data("counterup-nums", null), e.data("counterup-func", null))
    }
};

Johnny0
2022/1/5 10:50:16
把$this看成e就可以了

四夏0
2018/5/23 11:39:00

这样试试


var countUp1 = new CountUp('counter', 0, 100, 0, 1);
countUp1 .start();

function changeNumber(){
countUp1 .update(1000);
}

?Sean、0
2018/5/10 15:21:11
我也遇到这个问题了，你有解决办法么？

怯 ?0
2018/5/22 17:17:00
我也一样啊，值还是初次的值

四夏0
2018/5/23 11:35:30

大家这样试试


var countUp1 = new CountUp('counter', 0, 100, 0, 1);
countUp1 .start();

function changeNumber(){
    countUp1 .update(1000);
}

张大力。1
2019/12/25 18:03:26

在jquery.countup.min.js里，将

e.data("counterupTo")||e.data("counterupTo",e.text());

改为

e.data("counterupTo",e.text());

即可。

是否能动态给数据然后再动态跑,或者在数字不为0的时候触发调用动画