jQuery Callback 方法

2021-12-14 13:49 更新

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


jQuery 動(dòng)畫(huà)的問(wèn)題

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

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

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

提示:由于 JavaScript 語(yǔ)句(指令)是逐一執(zhí)行的 - 按照次序,動(dòng)畫(huà)之后的語(yǔ)句可能會(huì)產(chǎn)生錯(cuò)誤或頁(yè)面沖突,因?yàn)閯?dòng)畫(huà)還沒(méi)有完成。

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

實(shí)例

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

使用 callback 實(shí)例

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

嘗試一下

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

沒(méi)有 callback(回調(diào))

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

在線實(shí)例 ?


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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)