如何在固定的时间内使某些东西无法点击？

Question

我创建了动画滑块，并且通过单击下一个和上一个按钮也可以更改图像，但是当幻灯片动画打开时单击该按钮时，它会出现故障，因此我需要点击该按钮，直到动画结束了。是否有可能，如果可能，我应该怎么做？ 谢谢！

Answer 1

您需要存储一个指示任何动画状态的变量，并防止在动画运行时发生任何点击逻辑。像这样：

var animating = false;
$('#myElement').click(function() {
    animating = true;
    $(this).animate({ left: '100px' }, 500, function() {
        animating = false;
    });
});

$('#nextButton').click(function() {
    if (!animating) {
        // do something...
    }
});

如果失败，您可以在动画元素上使用stop(true)将其停止在当前帧，然后再指定一个新动画从当前位置开始。