로드가 완료되기 전에 Jquery가 실행됩니다.

Question

load()를 사용하여 'contents'라는 div에 내용을로드하고로드하기 전에 숨 깁니다. 내용이 완전히로드 된 후에 div가 fadeIn으로 바뀌면 좋겠지 만 div의 '내용'이로드가 완료되기 전에 fadeIn처럼 보입니다. 다음 스크립트를 사용합니다 :

$("#menu").click(function(){ 
     $("#contents").hide().load(loadUrl, function(){ 
      $(this).fadeIn(1000);}); 
    }); 

이 문제를 해결할 때 도움이 될만한 사람이 있습니까? 현재 로컬 서버에서 테스트 중입니다.

Answer 1

아래를 사용

$("#contents").hide().load(loadUrl, function(){ }).fadeIn(1000); 

Answer 2

그것은 fadeIn이 proble에게

$("#menu").click(function(){ 
    $("#contents").hide().load(loadUrl, function(){ 
     var el = $(this); 
     setTimeout(function(){ 
      el.fadeIn(1000); 
     }, 100) 
    }); 
}); 

당신은 또한 delay를 사용하여 시도 할 수 있습니다를 해결해야 호출되기 전에 제한 시간을주고, 브라우저 다시 그리기 문제처럼 보인다 함수

$("#menu").click(function(){ 
    $("#contents").hide().load(loadUrl, function(){ 
     $(this).delay(10).fadeIn(1000); 
    }); 
});