A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 陈君 金牌黑马   /  2014-7-30 16:43  /  1567 人查看  /  7 人回复  /   1 人收藏 转载请遵从CC协议 禁止商业使用本文

转自:http://www.ibcibc.com/thread-928-1-2.html
Callback 函数在当前动画 100% 完成之后执行。
jQuery 动画的问题

许多 jQuery 函数涉及动画。这些函数也许会将 speedduration 作为可选参数。


例子:$("p").hide("slow")


speedduration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。



实例

$("button").click(function(){
$("p").hide(1000);
});


由于 JavaScript 语句(指令)是逐一执行的 - 按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画


还没有完成。


为了避免这个情况,您可以以参数的形式添加 Callback 函数。




jQuery Callback 函数


当动画 100% 完成后,即调用 Callback 函数。



典型的语法:

$(selector).hide(speed,callback)


callback 参数是一个在 hide 操作完成后被执行的函数。



错误(没有 callback)

$("p").hide(1000);alert("The paragraph is now hidden");

正确(有 callback)

$("p").hide(1000,function(){alert("The paragraph is now hidden");});


结论:如果您希望在一个涉及动画的函数之后来执行语句,请使用 callback 函数。

7 个回复

倒序浏览
学习学习,知识是积累起来的么,谢谢
回复 使用道具 举报
还是没懂,不是应该一样的的吗?
回复 使用道具 举报
谢谢,小有收获。
回复 使用道具 举报
谢谢,受教了
回复 使用道具 举报
学习了。。 。
回复 使用道具 举报
快速学起来拉
回复 使用道具 举报
学习一下。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马