JQuery的animate中callback函数的使用

来源：互联网发布：宣传片制作知乎编辑：程序博客网时间：2024/06/05 07:00

环境：jquery-1.8.0.js，FireFox Developer45.0a2

回调函数(callback)必须是全局函数或者静态函数，不可定义为某个特定的类的成员函数

callback函数在当前动画100%完成之后执行

典型的语法：

$(selector).hide(speed,callback)

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script><script type="text/javascript">$(document).ready(function(){  $("button").click(function(){  $("p").hide(1000,function(){   //使用回调函数，动画结束后，弹框  alert("The paragraph is now hidden");    });  });});/*<span style=""></span><pre name="code" class="html">$(document).ready(function(){  $("button").click(function(){   //未使用回调函数,段落未完全隐藏时就弹出信息 $("p").hide(1000,alert("The paragraph is now hidden");    );  });});*/</script></head><body><button type="button">Hide</button><p>This is a paragraph with little content.</p></body></html>

参考：http://www.jb51.net/article/60581.htm

http://www.w3school.com.cn/jquery/jquery_callback.asp

0 0