停止排队的动画

Question

您好 我正在使用next / prev按钮创建一个简单的幻灯片放映。当你到达最后一个时，它会回到第一个。但是，如果用户单击疯狂并在最后一个（即第3个）图像完成之前单击下一个然后再次触发动画并且事情移动方向错误。

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

我想知道如何停止动画排队。有点像在动画发生时禁用“下一步”按钮或停止动画添加到队列（如果已经进行）。这是我的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'但似乎没什么用。

Answer 1

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