jQuery Callback 方法

Callback 函數在當前動畫 100% 完成以後執行。

---

jQuery 動畫的問題

許多 jQuery 函數涉及動畫。這些函數也許會將 speed 或 duration 做爲可選參數。

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

speed 或 duration 參數能夠設置許多不一樣的值，好比 "slow", "fast", "normal" 或毫秒。

提示：因爲 JavaScript 語句（指令）是逐一執行的 - 按照次序，動畫以後的語句可能會產生錯誤或頁面衝突，由於動畫尚未完成。

爲了不這個狀況，您能夠以參數的形式添加 Callback 函數。

實例

如下實例在隱藏效果徹底實現後回調函數:

使用 callback 實例

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

嘗試一下

如下實例沒有回調函數，警告框會在隱藏效果完成前彈出：

沒有 callback(回調)

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

在線實例 »