Jquery 停止动画排队

嗨 我正在创建一个带有下一个/上一个按钮的简单幻灯片放映。当你到达最后一个时，它会快速回到第一个。但是，如果用户在最后一张（即第三张）图像出现之前疯狂地单击“下一步”，则动画会再次触发，并以错误的方式移动。



我想知道我该如何停止动画的制作。有点像在动画发生时禁用“下一步”按钮，或者如果已经有动画添加到队列中，则停止动画添加到队列中。以下是我的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（）和'queue'：'stop'但似乎没有任何效果。

您可以检查元素的动画队列是否有任何元素，如果没有，则滑动它。

感谢指针=我如何检查元素动画队列中的内容？