防止 jQuery 动画排队

Question

嗨，首先，我读了很多关于这个的帖子，但似乎没有人工作。我有一个我在jQuery中制作的内容"滑块"。我在这方面是个菜鸟，但 1 小时后它奏效了。当您尝试按下按钮时，问题就来了，该按钮会多次快速地将下一个"幻灯片"带出。

以下是我的"代码"的工作原理：

首先，我将一个名为"count"的变量设置为1000。

我有 4 个内容div。我隐藏了其中的 3 个。当用户单击"下一步"按钮时，变量会检查值是否为 1000。如果这是真的，那么我将第一个div 的不透明度设置为 0，隐藏div 并淡入另一个（div 2）。然后我将变量"count"设置为 1001 并重置div 1 的不透明度（它没有出现，因为它是隐藏的）。

如果变量在第一刻不是 1000，则检查其值是否为 1001，依此类推。你明白了吗？

这有点棘手，但它有效。一切正常，但是当您快速点击"下一步"按钮几次时，所有动画都会搞砸。如果有人可以告诉我如何解决这个问题，我将不胜感激。

如果您想查看"滑块"，请转到此处：http://www.sinvenderse.com/hg/index.htm

，然后滚动到页面末尾。您可以看到，如果您缓慢单击滑块按钮，它会完美运行，但是，当您尝试快速点击它们时，一切都会搞砸。

好的，很抱歉我的英语不好（我是阿根廷人），我想告诉你，我已经尝试了一切：

finish();
stop();
clearQueue();

您可以使用 Ctrl+U 或右键单击 Chrome 上的检查元素查看源代码。

如果你知道解决方案，我会给你一个虚拟的拥抱（：

Answer 1

尝试隐藏每个步骤上除当前幻灯片之外的所有幻灯片。有两张幻灯片在某个时刻有display: block

if (count == 1000){
    $('.th-1').animate({opacity: 0},600,function(){
        $('.think-content:not(.th-2)').hide();
        $('.th-2').fadeIn(600);
    });
    ...