Callback function is executed after the current animation is 100% completed.
Problems with jQuery animation
Many jQuery functions involve animation. These functions may take speed or duration as optional parameters.
The speed or duration parameter can be set to many different values, such as "slow", " fast", "normal" or milliseconds.
Example
#The following example calls back the function after the hiding effect is fully realized:
Use callback example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落现在被隐藏了");
});
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>告诉自己，现在的你不能再混再疯再懒惰了，前途很重要。</p>
</body>
</html>Run the program and try it
The following example does not have a callback function, and the warning box will pop up before the hiding effect is completed:
No callback(callback)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("现在段落被隐藏了");
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>向每个人学习，但不要模仿任何人</p>
</body>
</html>Run the program and try it
