0

最初に、コードについて少しだけ説明します。

何かがロードされるたびに、loading.icon が表示されます。すべてのコンテンツの準備が整うと、アイコンがフェードアウトし、コンテンツがフェードインします。非常に単純ですが、IE にはいくつか問題があります。毎回ではありませんが、読み込み中の画像とコンテンツの両方がフェードインし、読み込み中のアイコンはフェードアウトしません。

どうすれば修正できますか？

コードは次のとおりです。

HTML 部分:

<div class="loaded">
  // some content here
</div>

<div class="loader">
    // Just the loader, addet via the Html-helper of CakePHP
    <?php echo $this->Html->image('ajax-loader.gif'); ?>
</div>

jQueryパート:

$('.loaded').ready(function() {
  $('.loader').fadeOut(fadeSpeed, function() {
    $('.loaded').fadeIn(fadeSpeed);
  });
});
4

1 に答える 1

0

ドキュメント オブジェクトの .ready イベントを呼び出す必要があります。

$('document').ready(function() {
  $('.loader').fadeOut([duration] [, easing] [, callback]);
});
于 2012-04-19T12:12:46.410 に答える