jQuery Callback
jQuery Callback method
The 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 arguments.
Example: $("p").hide("slow")
The speed or duration parameter can be set to many different values, such as "slow", "fast", "normal" or milliseconds.
The following examples callback function after the hiding effect is fully realized:
Instance
<!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>Running example»
Click the "Run Instance" button to view the online instance
The following instance does not have a callback function, and the warning box will pop up before the hiding effect is completed:
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(1000);
alert("现在段落被隐藏了");
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>这是一个段落，内容很少</p>
</body>
</html>Run Instance»
Click the "Run Instance" button to view the online instance
##
