jQuery 콜백 함수(Callback)

JavaScript 문장은 줄별로 실행됩니다. 그러나 jQuery 효과는 시간이 걸리기 때문에 다음 코드 라인이 이전 효과가 아직 실행 중일 때 실행될 수 있습니다. 이는 오류를 일으킬 수 있습니다.

이러한 상황을 방지하기 위해 jQuery는 각 효과 메서드에 콜백 함수를 제공합니다.

현재 효과가 완료되면 콜백 함수가 실행됩니다.

callback 함수는 효과 메서드의 파라미터로 전달됩니다. 이들은 일반적으로 메서드의 마지막 파라미터로 표시됩니다.

типичное синтаксис: $(selector).hide(duration, easing, callback);

아래의 예제는 콜백 파라미터가 있으며, 숨기기 효과가 완료된 후에 실행되는 함수입니다:

$("button").click(function(){
　　$("p").hide("slow", function(){
　　　　//　효과가 완료된 후에 실행되는 코드
　　　　alert("The paragraph is now hidden");
　　});
});

아래의 예제는 콜백 파라미터가 없으며, 숨기기 효과가 완료되기 전에 경고 상자가 표시됩니다:

$("button").click(function(){
　　$("p").hide("slow");
　　　　　alert("이 문단이 지금 숨겨졌습니다");
});