jQuery 콜백 함수


콜백 함수는 현재 효과가 100% 완료된 후 실행됩니다.


jQuery 콜백 함수

JavaScript 문은 한 줄씩 실행됩니다. 그러나 효과를 사용하면 효과가 완료되지 않은 경우에도 다음 코드 줄을 실행할 수 있습니다. 이로 인해 오류가 발생할 수 있습니다.

이를 방지하기 위해 콜백 함수를 생성할 수 있습니다.

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

일반적인 구문: $( selector ).hide( speed,callback );

아래 예제에는 숨기기 효과가 완료된 후 실행될 함수인 콜백 매개변수가 있습니다.

콜백이 있는 예

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

아래 예제에는 콜백 매개변수가 없으며 숨기기 효과가 완료되기 전에 경고 상자가 표시됩니다.

콜백이 없는 예

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