jQuery 入门教程(10): 回调函数
2013-09-27 00:00
411 查看
JavaScript语句是一行一行执行的,然而对于前面的动画效果语句,后面的语句可以在动画效果完成前就执行,因此可能会造成错误的结果。
所以之前的hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数,支持为这些方法添加一个回调函数,在动画完成之后调用。
典型的语法如下:
$(selector).hide(speed,callback);
比如,下面的例子中<p>隐藏之后执行:
[javascript]
view plain
copy
print
?
$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});
而下面的例子的Alert 在
隐藏完成之前就显示。
[javascript]
view plain
copy
print
?
$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});
所以之前的hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数,支持为这些方法添加一个回调函数,在动画完成之后调用。
典型的语法如下:
$(selector).hide(speed,callback);
比如,下面的例子中<p>隐藏之后执行:
[javascript]
view plain
copy
?
$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});
而下面的例子的Alert 在
隐藏完成之前就显示。
[javascript]
view plain
copy
?
$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});
相关文章推荐
- jQuery 入门教程(10): 回调函数
- jQuery 入门教程(10): 回调函数
- jQuery 入门教程(39): jQuery UI Slider 示例(二)
- Expression Blend实例中文教程(10) - 缓冲动画快速入门Easing
- jQuery入门指南教程
- testng入门教程10 TestNG参数化测试
- 《马哥出品高薪linux运维教程》wingkeung学习笔记-linux基础入门课程10
- Swift入门教程10-subscript下标脚本
- Jquery树插件zTree用法入门教程
- CSS网页布局入门教程10:带当前标识的标签式横向导航
- jQuery 入门教程:总结
- 菜鸟写jquery入门教程(for web前端开发群4)(04)
- jQuery 入门教程(9):终止动画
- jQuery LigerUI 使用教程入门篇
- jQuery 入门教程(4): Events
- jQuery 入门教程(13): HTML Set
- jQuery 入门教程(15): 删除HTML元素
- jQuery 入门教程(16): 设置或取得元素的CSS class
- jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
- jQuery学习教程(一):入门