【零基础学习web前端】jQuery Callback 方法

Amy

【零基础学习web前端】jQuery Callback 方法

---

教程目录导航http://www.sufeinet.com/thread-24027-1-1.html

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("段落现在被隐藏了");
  });
});

在隐藏效果完全实现后回调函数:：先隐藏后再弹出框。

竹林风

我只是路过打酱油的。

惜

强烈支持楼主ing……