在使用 jQuery 的 animate 函數時,如果需要停止動畫或者清除已有的動畫,可以使用 stop() 函數,具體用法如下:
$("selector").stop(); // 停止當前元素的所有動畫 $("selector").stop(true); // 停止當前元素的所有動畫,并且清除所有未完成的動畫 $("selector").stop(false, true); // 停止當前元素的所有動畫,并且清除隊列中下一步待執行的動畫
其中,stop 函數可以帶一個或兩個參數。第一個參數用于指定是否將當前元素的動畫立即跳轉到最終狀態,默認為 false,表示不立即跳轉;第二個參數用于指定是否清除隊列中下一步待執行的動畫,默認為 false,表示不清除。
如果只是想清除隊列中下一步待執行的動畫而不停止當前元素的動畫,可以使用 clearQueue() 函數或者 queue() 函數,具體用法如下:
$("selector").clearQueue(); // 清除當前元素的所有待執行的動畫 $("selector").queue([]); // 將當前元素的待執行動畫隊列替換為空數組
總之,在使用 animate 函數時,我們可以根據需求選擇合適的方法來停止或清除動畫,避免出現不必要的錯誤。