jQuery Callback 方法

小陳的筆記發表於2022-07-25

Callback 函式在當前動畫 100% 完成之後執行。

jQuery 動畫的問題

許多 jQuery 函式涉及動畫。這些函式也許會將  speed 或  duration 作為可選引數。

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

speed 或  duration 引數可以設定許多不同的值,比如 "slow", "fast", "normal" 或毫秒。

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

為了避免這個情況,您可以以引數的形式新增 Callback 函式。

例項

以下例項在隱藏效果完全實現後回撥函式:

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

以下例項沒有回撥函式,警告框會在隱藏效果完成前彈出:

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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2907370/,如需轉載,請註明出處,否則將追究法律責任。

相關文章