jQuery : 윈도우로드를 기다릴 때 타사 컨텐츠를 무시합니다.

Question

웹 사이트에서 이미지를 포함한 모든 컨텐츠를로드 할 때로드 애니메이션을 제거하려면 다음 jQuery 코드를 사용하고 있습니다.

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

그러나, 페이지에 Google지도가 있고 인터넷 연결 속도가 느린 경우 Google지도의로드가 완료되지 않았기 때문에로드 오버레이가 숨기기 위해 40 초 이상 걸립니다.

질문 : 웹 사이트가 jQuery로로드 될 때까지 기다릴 때 Google지도 및 iframe과 같은 제 3 자 콘텐츠를 어떻게 무시할 수 있습니까? 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(); 
    }); 
});