如何在将数字更改为图像之前不显示数字？（jQuery计数器）

我使用的是漂亮的jQuery计数器，您可以在这里查看-，但我有问题

当页面包含大量内容（图像、其他）时，在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>

---

有人能建议我如何在不损害性能的情况下修复此问题吗？

如果您不想在css中隐藏您的div并在jQuery on document ready中显示，您的内容似乎会被动态替换

---

首先尝试类似于

.counter_class{display:none；}

的方法，然后在jquery调用counter

$（'.counter_class'）.show（）之后或尝试以某种方式加快页面速度。
您有两种选择：


将CSS文件放在head部分的顶部
在显示页面之前预加载图像
显示默认图像，加载图像后将替换该图像

祝你好运
 将计数器css放在标题部分的顶部似乎您的内容被动态替换，如果您不想，您可以在css中隐藏您的div，并在jQuery on document ready中显示它。@Fry_95，它已经完成了
$（document）.ready（function（）{$（'.counter'）.counter（{interval:1000}）……
否则我就不知道了you@Hameed，我需要将其放置在直接位置。我将添加所有相关的htmlNope，例如首先添加
.counter_class{display:none；}
，然后在jquery调用counter
$（'.counter_class'）.show（）；
或尝试以某种方式加快页面速度。