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

いくつかのオプションがあります。

  • head セクションの上に CSS ファイルを配置します。
  • ページを表示する前に画像をプリロードします。
  • 画像がロードされた後に置き換えられるデフォルトの画像を表示します

幸運を！

于 2012-09-25T07:52:06.013 に答える