企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## jQuery Callback 方法: Callback 函数在当前动画 100% 完成之后执行。 ## jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 *speed* 或 *duration* 作为可选参数。 ``` 例子:*$("p").hide("slow")* ``` *speed* 或 *duration* 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。 **提示:**由于 JavaScript 语句(指令)是逐一执行的 - 按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成。 为了避免这个情况,您可以以参数的形式添加 Callback 函数。 **实例** 以下实例在隐藏效果完全实现后回调函数: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="//libs.baidu.com/jquery/1.10.2/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> <meta charset="utf-8"> <script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(1000); alert("现在段落被隐藏了"); }); }); </script> </head> <body> <button>隐藏</button> <p>这是一个段落,内容很少</p> </body> </html> ```