jQuery：IE中的加载图像有时不淡出

Question

首先，关于代码：

每次加载某些内容时，都会显示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);
  });
});

Answer 1

你应该为文档对象调用.ready事件：

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