Javascript waitForImages插件-不等待

我的jquery/js代码没有等待加载的图像淡出。有什么问题

$（'#entry'）.css（'background-image'，'url（../img/backg3.jpg'））.waitForImages（函数（）{
$（'加载'）.fadeOut（1000）；
$（'.spinner'）。衰减（1000）；
});
/*******************
加载
*********************/
#装载{
位置：绝对位置；
高度：100vh；
宽度：100vw；
背景色：#ddd；
z指数：1000；
/*-moz转换：所有2个都放松；
-webkit转换：所有2个都可以轻松完成；
-webkit转换：所有2个都可以轻松完成；
过渡：所有2放松*/
}
@-o-关键帧旋转{
100%{
-o变换：旋转（360度）；
变换：旋转（360度）；
}
}
@-moz关键帧旋转{
100%{
-moz变换：旋转（360度）；
变换：旋转（360度）；
}
}
@-webkit关键帧旋转{
100%{
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
}
@关键帧旋转{
100%{
变换：旋转（360度）；
}
}
斯宾纳先生{
位置：绝对位置；
顶部：45vh；
左：45vw；
宽度：5vh；
高度：5vh；
边框：6px实心#F90；
左边框颜色：#FC3；
边框底色：#FF6；
右边框颜色：透明；
边界半径：100%；
动画：旋转400ms无限线性；
保证金：自动；
}

从他们的github页面，看起来您应该将
.waitForImages（）
应用到元素选择器（它的CSS中有图像子元素或图像）。在代码中，不是将其应用于选择器，而是首先添加CSS，然后尝试应用
.waitForImage（）
，这将不起作用，因为.CSS（）不返回选择器。请尝试：

$('#entry').waitForImages(function () {
    $('#load').fadeOut(1000);
    $('.spinner').fadeOut(1000);
});

对于JS，只需将背景图像放在普通CSS中：

#entry {
  background-image: url(../img/backg3.jpg);
}

（如果必须通过JS进行设置，请在将.waitForImages（）应用于$（“条目”）之前进行设置：

虽然我还没有实际测试过。）

下面是一个例子：。（它主要使用您的代码，但我使用了一些不同的图像，这些图像可能不在我们的缓存中。但是，由于第一个图像可能已经在JSFIDLE“初始化Aweasome”时加载，因此有一些备份用于后续的“运行”）
您可以在一个缓存中重新创建您的问题吗？您可以在这里看到：
css（）
带有2个参数，确实返回了插件可以使用的内容。
$('#entry').css('background-image','url(../img/backg3.jpg)');
$('#entry').waitForImages(function () { ...