Javascript JQuery动画函数不工作逗号/小数
这是我的HTML:Javascript JQuery动画函数不工作逗号/小数,javascript,jquery,wordpress,jquery-animate,jquery-countdown,Javascript,Jquery,Wordpress,Jquery Animate,Jquery Countdown,这是我的HTML: <li class="mega-menu-counter mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-12028 menu-counter" id="mega-menu-item-12028"> <a class="mega-menu-link"
<li class="mega-menu-counter mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-12028 menu-counter" id="mega-menu-item-12028">
<a class="mega-menu-link" href="https://createandgo.com/blog-income-report/" tabindex="0">August 2019 <div>$<span class="counter">111,926.06</span></div><div>Blog Income Report</div></a>
</li>
下面是我的JavaScript:
<script>
$('.Count').each(function () {
var $this = $(this);
jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
duration: 1000,
easing: 'swing',
step: function () {
$this.text(this.Counter.toFixed(2));
}
}
});
});
</script>
$('.Count')。每个(函数(){
var$this=$(this);
jQuery({Counter:0}).animate({Counter:$this.text()}{
持续时间:1000,
放松:"摇摆",,
步骤:函数(){
$this.text(this.Counter.toFixed(2));
}
}
});
});
我的站点头部加载了以下资源:
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-animateNumber/0.0.14/jquery.animateNumber.min.js"></script>
有人能告诉我为什么计数器不工作吗?
-将货币格式转换为数字格式替换(/,/g,)
-将数字转换为货币格式toLocaleString(…)
$('.count')。每个(函数(){
var$this=$(this);
jQuery({
柜台:0
}).制作动画({
计数器:$this.text().replace(/,/g',)
}, {
持续时间:1000,
放松:"摇摆",,
步骤:函数(){
$this.text(toCurrencyFromat(this.Counter));
},
完成:函数(){
$this.text(toCurrencyFromat(this.Counter));
}
});
});
函数toCurrencyFromat(num){
返回值(num).toLocaleString('en-US'{
货币:美元,
最大分数位数:2
})
}
html中没有显示与$('.Count')
匹配的类“Count”
。看起来像输入错误,您应该使用“.counter”
类选择器