콜백 문제. 기능이 실행되지 않음

Question

$("a.open").click(function() { 
    $(".overlay").fadeIn(650, 'easeOutQuad', function() { 
     $(".pageContainer").load(function() { 
      $(this).delay(100).fadeIn(850, 'easeOutQuad'); 
     }); 
    }); 
}); 

완전히로드되었을 때 표시해야하는 페이지가 있는데, 필요에 따라 오버레이가 완벽하게 사라지지만 display : none이라는 pageContainer는 사라집니다.

$ (". pageContainer")가있을 때 완벽하게 작동했습니다. 지연 (100) .fadeIn (850, 'easeOutQuad'); 하지만 페이드 인하기 전에 페이지가로드되어 있는지 확인해야합니다. 누구나 눈부신 실수를하고 나를 도와 줄 수 있습니까? 미리 감사드립니다.

Answer 1

창 준비 사용해보십시오 :

$("a.open").click(function() { 
    $(".overlay").fadeIn(650, 'easeOutQuad', function() { 
     $(window).ready(function() { 
      $(".pageContainer").delay(100).fadeIn(850, 'easeOutQuad'); 
     }); 
    }); 
}); 

나는 .pageContainer은 그 내용이 완료되면 자체를 보여주고있다 같은데요? 실제 요소에 내용을 배치하는 부분이 누락되어 있으므로 배치하기가 다소 어려워졌습니다. $(window).ready()