jQuery 제이쿼리의 Callback 함수

[jQuery Callback Functions]

javascript 구문은 줄단위로 수행됩니다.

하지만 애니메이션의 경우에는 애니메이션이 끝나지 않아도 다음 행의 코드가 수행될 수 있기 때문에 에러가 날 수도 있습니다.

콜백함수를 만들어서 이런 것을 방지할 수 있습니다.

콜백함수는 현재의 애니메이션(혹은 효과)이 끝난 후에야 실행됩니다.

 

 

[jQuery Callback Example]

기본적인 문법은 :

$(selector).hide(speed,callback)

콜백 변수에는 감추기 효과가 끝난 후에 수행될 함수가 들어갑니다.

예 - 콜백이 있을 경우

$(“p").hide(1000,function(){

alert("이 부분은 이제 사라질 것입니다“);

});

{적용예제보기 7-1}

콜백 변수에 아무 값이 없다면 alert창은 감추기 효과가 끝나기 전에 나타날 것입니다.

예 - 콜백이 없을 경우

$(“p").hide(1000);

alert("이 부분은 이제 사라질 것입니다“);

{적용예제보기 7-2}

 

 

 

감사합니다.

출처