jQuery:在IE中加载图像有时不会淡出

Question

首先，简单介绍一下代码：

每次加载某些内容时，都会显示一个loading.icon。在所有内容准备就绪后，图标将淡出，内容将淡入。很简单，但是IE正在制造一些问题。通常，不是每次，只有加载图像和内容都会淡入，而加载图标不会淡出。

你知道我怎么才能修复它吗？

代码如下：

HTML-part：

<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-Part：

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

Answer 1

您应该为document对象调用.ready事件：

$('document').ready(function() {
  $('.loader').fadeOut([duration] [, easing] [, callback]);
});