jQuery stop() 方法

jQuery stop() 方法用於停止動畫或效果，在它們完成之前。

stop() 方法適用於所有 jQuery 效果函式，包括滑動、淡入淡出和自定義動畫。

可選的 stopAll 引數規定是否應該清除動畫佇列。預設是 false，即僅停止活動的動畫，允許任何排入佇列的動畫向後執行。

可選的 goToEnd 引數規定是否立即完成當前動畫。預設是 false。

因此，預設地，stop() 會清除在被選元素上指定的當前動畫。

下面的例子演示 stop() 方法，不帶引數：

$("#stop").click(function(){ $("#panel").stop(); });

動畫佇列停止動畫測試，只停止當前正在進行的動畫，停止當前動畫後，佇列中的下一個動畫開始進行：

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideDown(5000);
$("#panel").slideUp(5000);
  });
  $("#stop").click(function(){
    $("#panel").stop();
  });
});

可以在 stop() 中設定 stopAll 的引數為 true，這樣就可以停止所有動畫效果而不是隻停止當前動畫：

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideDown(5000);
    $("#panel").slideUp(5000);
  });
  $("#stop").click(function(){
    $("#panel").stop(true);
  });
});