여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. jQuery - Effects - Callback
jQuery – Effects – Callback
7개월전 작성
7개월전 수정

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");
});
기본 예시
예제 보기
참고

Mingg`s Diary
밍구
공부 목적 블로그