0

我正在使用漂亮的 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>

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

4

2 回答 2

1

似乎您的内容被即时替换，如果您不希望您可以在 css 中隐藏您的 div 并在文档准备好的 jQuery 中显示它。

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

于 2012-09-25T07:40:03.823 回答
1

你有几个选择：

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

祝你好运！

于 2012-09-25T07:52:06.013 回答