jquery - odometer.js 的多个实例

Question

我正在使用odometer.js

我的代码如下:

<h3 class="odometer-github-stars">
   <span class="odometer-label">Upload Speed: <i class="fa fa-arrow-circle-o-up"></i></span>
   <div class="odometer odometer-theme-minimal">0</div>
</h3>

启动脚本:

setTimeout(function(){
    $('.odometer').html('4564');
    }, 
      1000
    );

我遇到的问题是我希望添加里程表的第二个和第三个实例，我认为这可能是添加另一类的情况:

<div class="odometer_number_two odometer-theme-minimal">0</div>

等等。然后添加其他功能，例如:

setTimeout(function(){
    $('.odometer_number_two').html('1234');
    }, 
      1000
    );

但确实没有取得任何进展。

有人有什么建议吗？

Answer 1

odometer 是默认使用的必需类，因此您必须在这两个项目中使用它，您只需要以另一种方式定位该元素..

使用另一个类或 id 来定位它..

<div class="odometer odometer_number_one odometer-theme-minimal">0</div>
<div class="odometer odometer_number_two odometer-theme-minimal">0</div>

和

setTimeout(function(){
    $('.odometer_number_one').html('4564');
    $('.odometer_number_two').html('1234');
}, 1000);