Jquery 我想在此代码中在计数器前添加一个美元符号货币符号

Jquery 我想在此代码中在计数器前添加一个美元符号货币符号,jquery,html,squarespace,Jquery,Html,Squarespace,我想在顶部的计数之前添加一个固定的“$”。当我尝试任何东西时,它会打破计数器并说“NaNo”,但我对编码一无所知,我希望有人能告诉我要添加什么,以及在代码块中的确切位置。我希望顶部的主要数字是货币数字,以匹配我添加的信息。我之前添加了一个函数,使数字用逗号格式化,可能还需要另一个函数 var a=0; $(窗口)。滚动(函数(){ var oTop=$('#counter').offset().top-window.innerHeight; if(a==0&&$(window.scrollTo

我想在顶部的计数之前添加一个固定的“$”。当我尝试任何东西时,它会打破计数器并说“NaNo”,但我对编码一无所知,我希望有人能告诉我要添加什么,以及在代码块中的确切位置。我希望顶部的主要数字是货币数字,以匹配我添加的信息。我之前添加了一个函数,使数字用逗号格式化,可能还需要另一个函数

var a=0;
$(窗口)。滚动(函数(){
var oTop=$('#counter').offset().top-window.innerHeight;
if(a==0&&$(window.scrollTop()>oTop){
$('.counter value')。每个(函数(){
var$this=数字\格式(this),
countTo=$this.attr('data-count');
$({
countNum:$this.text()
}).制作动画({
countNum:countTo
}, {
期限:2000年,
放松:"摇摆",,
步骤:函数(){
$this.text(Math.floor(this.countNum));
},
完成:函数(){
$this.text(this.countNum);
}
});
});
a=1;
}
});
函数编号\u格式(编号){
var num=数字。toLocaleString('en-US'{
最大分数位数:0
})
返回num;
}
var a=0;
$(窗口).ready(函数(){
var oTop=$('#counter').offset().top-window.innerHeight;
if(a==0&&$(window.scrollTop()>oTop){
$('.counter value')。每个(函数(){
变量$this=$(this),
countTo=$this.attr('data-count');
$({
countNum:$this.text()
}).制作动画({
countNum:countTo
}, {
期限:2000年,
放松:"摇摆",,
步骤:函数(){
$this.text(number_格式(this.countNum));
},
完成:函数(){
$this.text(number_格式(this.countNum));
}
});
});
a=1;
}
});
。计数器值{
字号:80px;
线高:2米;
文本对齐:居中;
填充:17px0;
}
.计数器值:在{
内容:attr(数据描述);
显示:块;
文本转换:无;
字体大小:16px;
线高:1.2米;
}

0
0
0

您只需将内容为“$”的CSS前置选择器添加到计数器值类中即可。这将把$符号放在计数器值类的每个元素之前:

var a=0;
$(窗口)。滚动(函数(){
var oTop=$('#counter').offset().top-window.innerHeight;
if(a==0&&$(window.scrollTop()>oTop){
$('.counter value')。每个(函数(){
var$this=数字\格式(this),
countTo=$this.attr('data-count');
$({
countNum:$this.text()
}).制作动画({
countNum:countTo
}, {
期限:2000年,
放松:"摇摆",,
步骤:函数(){
$this.text(Math.floor(this.countNum));
},
完成:函数(){
$this.text(this.countNum);
}
});
});
a=1;
}
});
函数编号\u格式(编号){
var num=数字。toLocaleString('en-US'{
最大分数位数:0
})
返回num;
}
var a=0;
$(窗口).ready(函数(){
var oTop=$('#counter').offset().top-window.innerHeight;
if(a==0&&$(window.scrollTop()>oTop){
$('.counter value')。每个(函数(){
变量$this=$(this),
countTo=$this.attr('data-count');
$({
countNum:$this.text()
}).制作动画({
countNum:countTo
}, {
期限:2000年,
放松:"摇摆",,
步骤:函数(){
$this.text(number_格式(this.countNum));
},
完成:函数(){
$this.text(number_格式(this.countNum));
}
});
});
a=1;
}
});
。计数器值{
字号:80px;
线高:2米;
文本对齐:居中;
填充:17px0;
}
.计数器值:在{
内容:“$”;
}
.计数器值:在{
内容:attr(数据描述);
显示:块;
文本转换:无;
字体大小:16px;
线高:1.2米;
}

0
0
0

您可以将
$
放置在要修改内部文本的元素外部,或者在该元素内部创建一个新的选择器(如果已将样式应用于该元素,例如,
$
)。您还可以研究jQuery的方法,在该方法中,您可以在填充值后向元素添加美元符号。有很多不同的方法让它工作