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樹
• 可以停止火已經生活在瀏覽器的緩存圖片