苏飞论坛

标题: 【零基础学习web前端】jQuery Callback 方法 [打印本页]

作者: Amy    时间: 2019-1-18 17:25
标题: 【零基础学习web前端】jQuery Callback 方法
【零基础学习web前端】jQuery Callback 方法


Callback 函数在当前动画 100% 完成之后执行。
例子:$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒
实例
[JavaScript] 纯文本查看 复制代码
$("button").click(function(){
$("p").hide(1000);
});
由于 JavaScript 语句(指令)是逐一执行的 - 按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成。
为了避免这个情况,您可以以参数的形式添加 Callback 函数。
jQuery Callback 函数
当动画 100% 完成后,即调用 Callback 函数。
没有Callback 时:
[JavaScript] 纯文本查看 复制代码
$("button").click(function(){
  $("p").hide(1000);
  alert("段落现在被隐藏了");
});
以上实例没有回调函数,警告框会在隐藏效果完成前弹出。
使用 callback 实例时:
[JavaScript] 纯文本查看 复制代码
$("button").click(function(){
  $("p").hide("slow",function(){
    alert("段落现在被隐藏了");
  });
});
在隐藏效果完全实现后回调函数::先隐藏后再弹出框。



作者: 竹林风    时间: 2019-1-18 17:30
我只是路过打酱油的。
作者: 惜    时间: 2019-1-20 12:41
强烈支持楼主ing……




欢迎光临 苏飞论坛 (http://www.sufeinet.com/) Powered by Discuz! X3.4