settimeout에 콘텐츠를로드하는 방법

Question

.load를 지연하고 다른 콘텐츠 페이지를로드하는 가장 좋은 방법은 무엇입니까?

다음 코드는 작동하지 않습니다

$(document).on('click', '#id', function() { 
     setTimeout(function() { 
      $('.overlay').load('loader.html'); 
      $('.overlay').show(); 
     }, 100); 

      $('.overlay').load('page6.html'); 
     $('.overlay').show(); 

    }); 

Answer 1

로드는 비동기 모드로 실행됩니다. 로드가 완료되어 .overlay으로 표시 될 때까지 기다리는 중일 것입니다. 이를 수행하기 위해서는 show을 완료 핸들러 내에서 실행해야합니다.

$('.overlay').load('page6.html', function() { 
    $('.overlay').show(); 
});