javascript - 如何在 odometer.js 中的数字之前添加文本

标签 javascript jquery

我正在使用odometer.js库,我想在数字显示之前添加一个“$”。 (例如:123,435 美元)有谁知道如何让它发挥作用?我尝试添加标签并将其插入与库相关的 javascrip 的选项部分,但它仍然无法工作。我也尝试过 :before 和 :after 伪类,但这不是很动态。

<div class="odometer" id="odometer"></div> 

.odometer {
    color: rgba(250,250,250,.75);
    font-size: 50px;
    margin-top: 100px;
    background-color: #2ecc71;
    text-align: center;
    padding-top: 10px;
    position:fixed; top: -50px; width:100%; border: 0px solid black !important;
}

.odometer:before {
    content: "$";
}

最佳答案

这应该可以解决问题:

.odometer-inside:before {
    content: "$";
}

演示:https://jsfiddle.net/lmgonzalves/tuqhmok1/1/

关于javascript - 如何在 odometer.js 中的数字之前添加文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30686298/

相关文章:

javascript - 如何捕获使用 jQuery sortable 排序的元素?

jQuery 选择具有特定类的所有 anchor

javascript - 我正在尝试使用 jQuery 在新选项卡中打开一个表行

JQuery 进度条 - 添加文本和更改背景颜色

javascript - 如何使用 d3.js 将外部组添加到现有 svg?

javascript - 将属性的内容转换为函数并执行

javascript - Jquery UI Dialog 中的复选框在 Firefox 22.0 和 Opera 中不出现,但在 Firefox 20.0 中出现

javascript - Magento,如何在注册中添加条款协议(protocol)?

jquery - 跨域 JSONP 请求返回未捕获的语法错误 : Unexpected token :

javascript - jQuery.ajax 不发送带有 OPTIONS 请求的授权 header