jQuery Callback Functions
callback 함수는 현재 효과가 100% 끝나고 난 후 실행되는 함수 입니다.
1. jQuery Callback Functions
자바스크립트 문은 라인 별로 실행되어 집니다. 그러나, 이러한 효과는 아직 끝나지 않았는데도, 다음 라인의 코드를 실행할 수도 있습니다. 에러를 유발합니다.
이러한 것을 방지하기 위해, callback 함수를 만듭니다.
callback 함수는 현재 효과가 끝난 뒤 실행됩니다.
예제:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); }); }); </script> </head> <body> <button>Hide</button> <p>This is a paragraph with little content.</p> </body> </html> | cs |
