jQuery 콜백 함수

콜백 함수는 현재 애니메이션이 100% 완료된 후 실행됩니다.

jQuery 애니메이션 문제

다양한 jQuery 함수는 애니메이션을 포함하고 있습니다. 이 함수들은 속도 또는 지속 시간 선택 사항으로 사용할 수 있습니다.

예제：$("p").hide("slow")

속도 또는 지속 시간 파라미터는 "slow", "fast", "normal" 또는 밀리초와 같은 여러 가지 다른 값을 설정할 수 있습니다.

예제

$("button").click(function(){
$("p").hide(1000);
});

본인이 직접 시도해 보세요

JavaScript 문장(지시)은 일일이 실행되기 때문에 - 순서대로, 동작 이후의 문장은 동작이 완료되지 않았기 때문에 오류나 페이지 충돌이 발생할 수 있습니다.

이 상황을 피하기 위해 콜백 함수를 파라미터로 추가할 수 있습니다.

jQuery 콜백 함수

동작이 100% 완료된 후 콜백 함수를 호출합니다.

표준 문법：

$(선택자).hide(속도,콜백)

콜백 파라미터는 hide 작업이 완료된 후 실행되는 함수입니다.

오류(콜백이 없습니다)

$("p").hide(1000);
alert("The paragraph is now hidden");

본인이 직접 시도해 보세요

정확(콜백이 있습니다)

$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});

본인이 직접 시도해 보세요

결론：동작이 포함된 함수 이후에 문장을 실행하고 싶다면 callback 함수를 사용하세요.