Jquery 디테일에 대한 간단한 입문 - (10) Jquery 효과의 "Callback 함수"

jQuery Callback 함수
질문
많은 jQuery 함수는 애니메이션과 관련이 있습니다.이 함수들은speed나duration을 선택할 수 있는 매개 변수로 사용할 수도 있습니다.
예: $("p").hide("slow")
speed나duration 매개 변수는'slow','fast','normal'또는 밀리초 등 여러 가지 다른 값을 설정할 수 있다.
인스턴스
$("button").click(function(){
$("p").hide(1000);
});

직접 해보다
JavaScript 명령문(명령어)이 하나씩 실행되기 때문에 - 애니메이션 이후의 명령문은 애니메이션이 아직 완료되지 않았기 때문에 오류나 페이지 충돌이 발생할 수 있습니다.
이를 방지하기 위해 Callback 함수를 매개 변수로 추가할 수 있습니다.
jQuery Callback 함수
애니메이션이 100% 완료되면 Callback 함수를 호출합니다.
일반적인 구문:
$(selector).hide(speed,callback)

콜백 매개 변수는hide 작업이 끝난 후에 실행되는 함수입니다.
오류(callback 없음)
$("p").hide(1000);
alert("The paragraph is now hidden");

직접 해보다
정확함(콜백 있음)
$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});

직접 해보다

좋은 웹페이지 즐겨찾기