jquery - jQuery：IE dioes 中的加载图像有时不会淡出

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]);
});