jquery - 如何在将其更改为图像之前不显示数字？ (jQuery 计数器)

Question

我正在使用漂亮的 jQuery 计数器，您可以在这里查看 - https://github.com/sophilabs/jquery-counter ，但我遇到了麻烦。

当页面内容较多(图片、其他)时，Firefox首先显示:

在它显示之后:

数字是一样的，但我的意思是先显示文字，然后显示图像。

只有额外的 css 是:

.counter_class 
{
  float: right;
  padding: 20px;
}

和 HTML:

 <div class="counter_class">
  <span class="counter" data-direction="up" data-interval="1"
         data-format="999999" ><%= @counter %></span>
 </div>

有人可以建议我如何在不损害性能的情况下解决这个问题吗？

Answer 1

似乎你的内容被动态替换了，如果你不想，你可以在 css 中隐藏你的 div 并在文档准备好时在 jQuery 中显示它。

尝试类似 .counter_class { display: none; } 首先，然后在你的 jquery 调用计数器 $('.counter_class').show(); 之后或者尝试以某种方式加速你的页面。