jQuery에서 .load 함수와 fadeIn을 결합 할 수 있습니까?

Question

.load 함수를 사용하여 jQuery를 사용하여 다른 페이지에서로드하고 있습니다.

여기 내 코드입니다 :

$('#page1').click(function(){       
    $("#content").load("page1.html"); 
}); 

그것은 좋은 일하고,하지만 난 새 페이지에서 퇴색하고 싶습니다. 로드와 fadeIn 기능을 결합 할 수 있습니까? 나는 그것을 시도했으나 효과가 없다.

$('#page1').click(function(){       
    $("#content").load("page1.html").fadeIn("normal"); 
}); 

가 어떻게이 .load 및 .fadeIn 기능을 결합 할 수 있습니다 : 여기

내 시도?

Answer 1

load을 호출하면 AJAX가 사용되며 비동기 적으로 실행됩니다. 통화가 종료되면 바로 페이드 인하는 것이 좋습니다. 콜백을로드에 전달하여이를 달성 할 수 있습니다. 코드는 다음과 같습니다.

$('#content').load("page1.html", {}, function() { $(this).fadeIn("normal"); })); 

자세한 내용은 documentation on jQuery's .load()을 참조하십시오.

Answer 2

로드 전에 #content을 숨기고로드가 완료되면 전체 div에서 사라집니다. 나는 콜백 함수를 불러들이는데 ...? 할

$('#content').hide(); 
$('#content').load('page1.html', function() { $('#content').fadeIn('normal'); }); 

EDIT 어쨌든 =)

말했다 미겔 무엇