javascript - 预加载器上的 load() 函数问题

Question

我对 jQuerys 有疑问.load()，想寻求帮助。我在加载网站后使用 load 来触发函数。我正在使用一个小的图像预加载脚本

 function preload(arrayOfImages) {
   $(arrayOfImages).each(function(){
     $('<img/>')[0].src = this;
   });
 }


 preload([
    'img/about_1.gif',
    'img/contact_1.png',
    // and much more images 
 ]);

以及正文中的一些不需要预加载的图片。

我想要实现的是，在网站完全加载后触发一个功能。像这样：

$(document).ready(function() {
    $(window).load(function () {
       console.log("all loaded");
       $('#curtain').animate({top: '-=1000px'}, 'slow', 'linear', function() { $(this).remove(); });
       $('#loading').animate({top: '-=1000px'}, 'slow', 'linear', function() { $(this).remove(); });
    });
});

不幸的是，它会在整个页面加载之前触发。有什么我必须知道的.load()，为什么它不起作用？

谢谢