jquery - 上次执行后如何触发点击事件

Question

我使用 jquery .animate() 函数制作了幻灯片。

我正在调用函数以使用以下代码在单击下一步按钮时设置动画：

$(document).ready(function() {
    $("#next").click(function(){next_slide()});
    });

它工作正常，但我希望用户在上一个动画完成之前不能点击下一个按钮。

例如：如果用户以毫秒为单位单击下一个按钮 10 次，则幻灯片将保持动画 10 次。

我希望如果第一个动画正在运行，那么如果用户点击甚至 10 次但函数 next_slide() 将不会在前一个动画之前被调用。

我只想：

一键 = 调用 next_slide() 一次

以毫秒为单位的多次点击 = 一次

请告诉我如何做到这一点。

最好的祝福

score 4 · Accepted Answer

然后使用一个标志变量。在动画时将其设为真。在完成动画后将其设为假。

示例代码：

$(document).ready(function() {
$("#next").click(function(){
 if(flag == false)
  next_slide()}
 );
});

这不是确切的代码。请先进行一些更改，例如先声明变量...等

score 1 · Accepted Answer

var slideOver = true您可以在单击下一个或上一个时简单地设置一个布尔变量。如果设置了该变量，则阻止执行滑动 div 的代码。

2 回答 2