我使用 jquery .animate() 函数制作了幻灯片。
我使用以下代码调用函数以在单击“下一步”按钮时设置动画:
$(document).ready(function() {
$("#next").click(function(){next_slide()});
});
它工作正常,但我希望用户在上一个动画完成之前无法单击下一个按钮。
例如:如果用户在毫秒内单击下一个按钮 10 次,则幻灯片将保持动画 10 次。
我希望如果第一个动画正在运行,那么即使用户单击 10 次,但函数 next_slide() 也不会在上一个动画之前被调用。
我只是想要:
一次点击=调用一次 next_slide()
以毫秒为单位的多次点击 = 一次
请告诉我如何做到这一点。
要查看代码,请访问 http://jsfiddle.net/77NzW/2/
最诚挚的问候
最佳答案
然后使用一个标志变量。动画时将其设置为 true。动画完成后将其设置为 false。
示例代码:
$(document).ready(function() {
$("#next").click(function(){
if(flag == false)
next_slide()}
);
});
这不是确切的代码。请进行一些更改,例如首先声明变量...等
关于jquery - 如何在上次执行后触发点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16729333/