jQuery：ウィンドウロードを待機するときに第三者のコンテンツを無視する

Question

イメージを含むすべてのコンテンツのロードが完了したときに、次のjQueryコードを使用して読み込みアニメーションを削除しています。

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

ただし、 Googleマップがページにあり、インターネット接続が遅い場合、読み込みオーバーレイにはGoogleマップの読み込みが完了していないため、隠すのに40秒以上かかります。

質問：jQueryでウェブサイトが読み込まれるのを待っているときに、Googleマップやiframeなどのサードパーティのコンテンツを無視するにはどうすればよいですか？ Googleマップとiframeがまだ読み込まれていない場合でも、オーバーレイを非表示にしたい

Answer 1

は、代わりに次のコードを使用します。

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

違いは、このコードは、一度すべてのHTMLの要素がロードされて実行されることで、DOMは準備ができています。 window.loadは、すべてのコンテンツがイメージやiframeのように読み込まれた後に実行されます。

$(document).readyと$(window).loadhereの詳細については、こちらをご覧ください。

編集：

あなたがイメージがちょうどこれを使用ロードされるのを待ちたい場合：

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