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

Question

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

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

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

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

例如:如果用户在毫秒内单击下一个按钮 10 次，则幻灯片将保持动画 10 次。

我希望如果第一个动画正在运行，那么即使用户单击 10 次，但函数 next_slide() 也不会在上一个动画之前被调用。

我只是想要:

一次点击=调用一次 next_slide()

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

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

要查看代码，请访问 http://jsfiddle.net/77NzW/2/

最诚挚的问候

Answer 1

然后使用一个标志变量。动画时将其设置为 true。动画完成后将其设置为 false。

示例代码:

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

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