[英]jQuery: ignore 3rd party content when waiting for window load
當網站完成所有內容(包括圖像)的加載后,我正在使用以下jQuery代碼刪除加載動畫。
$(window).one("load", function() {
$("#loader").remove();
});
然而; 如果我的頁面上有Google Maps並且互聯網連接速度很慢,則由於Google Maps還沒有完成加載,所以需要40秒鍾以上的時間來隱藏加載疊加層。
問題:在等待網站加載jQuery時如何忽略第三方內容(例如Google Maps和iframe)? 即使Google地圖和iframe尚未加載,我也想隱藏疊加層。
請使用以下代碼:
$(document).ready( function () {
$("#loader").remove();
});
不同之處在於,一旦所有HTML
元素均已加載且DOM
准備就緒,該代碼便會執行。 當window.load
在所有內容(如圖像和iframe)加載后執行時。
您可以在此處閱讀有關$(document).ready
與$(window).load
信息 。
編輯:
如果要等待圖像加載,請使用以下命令:
$(document).ready( function () {
$("img").one("load", function () {
$("#loader").remove();
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.