jQuery Effects - Callback Functions

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

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

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

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

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

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

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

아래 예제에는 콜백 매개 변수가 없으며, 숨기기 효과가 완료되기 전에 경고 박스(alert box)가 표시됩니다.

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