![](https://maz.kr/wp-content/uploads/2023/10/jQuery-callback-thumbnail-1.png)
Callback
현재 효과가 100% 완료된 후 콜백 함수가 실행된다.
JavaScript 문은 한 줄씩 실행된다.
그러나 효과를 사용하면 효과가 완료되지 않은 경우에도 다음 코드 줄을 실행할 수 있다.
이로 인해 오류가 발생할 수 있다.
이를 방지하기 위해 콜백 함수를 만들 수 있다.
콜백 함수는 현재 효과가 완료된 후 실행된다.
형식
$( selector ).hide( speed,callback );
Callback이 있는 예제
숨기기 효과가 완료된 후 실행될 함수인 콜백 매개변수가 있다.
$("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); });
기본 예시
예제 보기Callback이 없는 예제
콜백 매개변수가 없으며 숨기기 효과가 완료되기 전에 경고 상자가 표시된다.
$("button").click(function(){ $("p").hide(1000); alert("The paragraph is now hidden"); });
기본 예시
예제 보기참고
W3C School - jQuery Effects - Callback
jQuery 시작하기