jQuery 回调函数
Callback 回调函数是在当前效果 100% 完成后执行。
jQuery 回调函数
JavaScript 语句是逐行执行。然而,执行了效果代码,即使效果尚未完成,下一行代码也可以运行。这时可能会产生错误。
为了防止这种情况,可以创建一个 callback
回调函数。
回调函数是在当前效果完成后执行的。
典型语法: $(selector).hide(speed,callback);
实例
下面的实例有一个回调参数,该参数是隐藏效果完成后将执行的函数:
带回调函数的实例
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/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>
下面的实例没有回调参数,在隐藏效果完成之前将显示警示框:
不带回调函数的实例
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
alert("这一段现在隐藏起来了");
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>这是一个段落</p>
</body>
</html>