停止動畫排隊

Question

嗨 我正在用next/prev按鈕創建一個簡單的幻燈片放映。當你到達最後一個時，它回到第一個。但是，如果用戶點擊瘋狂並在最後（即第三個）圖像完成進入之前點擊下一個，則再次觸發動畫，並且事情以錯誤的方式移動。

http://www.ee-web.co.uk/demos/en2krewScroller.html

我想知道如何停止的動畫queing起來。有點像在動畫發生時禁用「下一步」按鈕或停止動畫添加到隊列（如果已經在進行）。這裏是我的jQuery的一部分：

function moveSlide(wod, pxTM, btnClicked) { 
    if (pxTM > 0) { // then its a one step move 
     $('#slideShowInner').animate({ 
      'left': '-=' + wod 
     }, 'slow'); 
    } 
    if (pxTM == 0 && btnClicked == "clickNext") { 
     $('#slideShowInner').animate({ 
      'left': 0 
     }, 'slow'); 
    } 
} 

我試過各種.stop（）和'隊列'：'停止'但似乎沒有工作。

Answer 1

您可以檢查元素的動畫隊列是否有任何元素，如果它沒有，則將其滑動。