2016-09-17 90 views
0

我在使用以下jQuery代碼在網站加載完所有內容(包括圖像)後刪除加載動畫。jQuery:在等待窗口加載時忽略第三方內容

$(window).one("load", function() { 
    $("#loader").remove(); 
}); 

但是;如果我在頁面上有谷歌地圖,而且互聯網連接速度很慢,加載覆蓋需要40多秒才能隱藏,因爲Google地圖尚未完成加載。

問題:如何在等待網站加載jQuery時忽略Google地圖和iframe等第三方內容?即使Google地圖和iframe尚未加載,我也想隱藏疊加層。

+0

您是否嘗試過使用'。就緒()'? – guest271314

回答

2

使用下面的代碼來代替:

$(document).ready(function() { 
    $("#loader").remove(); 
}); 

不同的是,這個代碼將執行一次所有HTML元件裝入和DOM已準備就緒。在所有內容像圖像和iframe一樣加載後執行window.load

您可以閱讀更多關於$(document).ready$(window).loadhere

編輯:

如果要等待圖像加載只使用:

$(document).ready(function() { 
    $("img").one("load", function() { 
     $("#loader").remove(); 
    }); 
}); 
+0

我知道這件事,我想等待圖像。 – guub

+0

檢查我更新的答案。 – 5aledmaged