2014-09-30 55 views
0

该代码不适用于更大的数字?有人能解释为什么吗?有时它确实,有时它没有?为什么这个脚本不适用于更大的数字/值

$('.Count').each(function() { 
var $this = $(this); 
jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, { 
    duration: 1000, 
    easing: 'swing', 
    step: function() { 
    $this.text(Math.ceil(this.Counter)); 
    } 
}); 
}); 
+4

“更大”有多大? – Alnitak 2014-09-30 18:53:46

+0

好吧,现在定义“不能很好地工作”。 FWIW,你的问题的答案可能是为了避免滥用jQuery动画函数来处理这种技巧。 – Alnitak 2014-09-30 18:59:31

+0

如果你的意思是持续时间很长,可能它看起来不起作用。由于它是“摆动”,所以最初的步骤需要很长的时间才能开始,给人的感觉是它不起作用,事实上,它的速度很慢。 – LcSalazar 2014-09-30 19:04:25

回答

1

step回调函数不一定要求序列中的每个可能的数字。

这个到options参数添加到.animate

complete: function() { 
    $this.text(Math.ceil(this.Counter)); 
} 

这确保了最终值被示出。见http://jsfiddle.net/3qfjta79/

+0

工程就像一个魅力..非常感谢。 – KornholioBeavis 2014-09-30 19:09:59

相关问题