Javascript pre-loader not waiting for images

Question

我发现此Javascript来激活我的website的预加载器。但是，页面加载后似乎消失，而不是图像加载完成时。

搜索后，我发现有人建议window.onload等待图像加载，但我似乎无法弄清楚如何实现它到我现有的Javascript。

$(window).on('load', function() { 
    $(".se-pre-con").fadeOut("slow"); 
}): 

确保使用.on()方法签名和：

$(document).ready(function(){ 
     $(".se-pre-con").fadeOut("slow") 

Answer 1

如果你想使用window.onload功能来隐藏自己的预加载器，可以使用下面的代码片断附加到事件的jQuery而不是事件签名.load()，它在jQuery 1.8中被弃用，并在jQuery 3.0中被删除。

您应注意从.load()文档如下：

图像一起使用时加载事件的注意事项

开发人员尝试使用.load来解决面临的共同挑战（）的快捷键是在图像（或图像集合）完全加载时执行功能。有几个已知的警告与此应该注意。它们是：

• 这并不一致，也不可靠地工作，跨浏览器的
• 它不正确的WebKit如果图像的src设置为相同的SRC像以前
• 它不火正确地泡了DOM树
• 可以停止火已经生活在浏览器的缓存图片