jQuery Callback 方法
JQuery animation issues
Many jQuery functions involve animation. These functions may take speed or duration as optional parameters.
Example: $("p").hide("slow")
The speed or duration parameter can be set to many different values, such as "slow", "fast", "normal" or milliseconds.
Example
The following example has a callback function after the hiding effect is fully realized:
<!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("段落現(xiàn)在被隱藏了");
});
});
});
</script>
</head>
<body>
<button>隱藏</button>
<p>點(diǎn)擊“隱藏”按鈕我就會(huì)消失</p>
</body>
</html>The following example has no callback function, and the warning box will pop up before the hiding effect is completed:
<!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("現(xiàn)在段落被隱藏了");
});
});
</script>
</head>
<body>
<button>隱藏</button>
<p>這是一個(gè)段落</p>
</body>
</html>
