jQuery Callback 方法

2021-12-14 13:49 更新

Callback 函數(shù)在當(dāng)前動畫 100% 完成之后執(zhí)行。


jQuery 動畫的問題

許多 jQuery 函數(shù)涉及動畫。這些函數(shù)也許會將 speedduration 作為可選參數(shù)。

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

speedduration 參數(shù)可以設(shè)置許多不同的值,比如 "slow", "fast", "normal" 或毫秒。

提示:由于 JavaScript 語句(指令)是逐一執(zhí)行的 - 按照次序,動畫之后的語句可能會產(chǎn)生錯誤或頁面沖突,因為動畫還沒有完成。

為了避免這個情況,您可以以參數(shù)的形式添加 Callback 函數(shù)。

實例

以下實例在隱藏效果完全實現(xiàn)后回調(diào)函數(shù):

使用 callback 實例

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

嘗試一下

以下實例沒有回調(diào)函數(shù),警告框會在隱藏效果完成前彈出:

沒有 callback(回調(diào))

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

在線實例 ?


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號