Question

HI，首先，我已经阅读了很多关于此的帖子，但似乎没有人工作。我在jQuery中有一个内容“滑块”。我就是这样的菜鸟，但是1小时后就可以了。当您尝试按下按钮时，会出现问题，这会使下一个“幻灯片”快速退出几次。

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

首先，我将名为“count”的变量设置为1000。

我有4个内容div。我隐藏其中的3个。当用户单击“下一步”按钮时，变量检查值是否为1000.如果这是真的，那么我将不透明度设置为第一个div为0，隐藏div并淡化另一个（div二）。然后我将变量“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);
    });
    ...

防止jQuery动画排队

1 个答案: