javascript点击事件队列

javascript click event queue

本文关键字：事件队列 javascript      更新时间：2023-09-26

我制作了一个简单的图库，当你点击图像拇指指甲时，它会用jquery显示具有淡入淡出效果的较大图像。

$('#thumnail').click(function(){
  $('#piccontainer').fadeOut(function(){
      $('#piccontainer').html('<div> <img src="' + imgsource + '"  /> </div>');
  });
  $('#piccontainer').fadeIn();
});

但是，如果我快速点击5个不同的缩略图，大图像将淡出所有5个图像。我该如何禁用，比如说我很快点击了5个缩略图，它应该只在最后5个缩略图中衰减基本上，我如何停止点击事件的队列

谢谢你的帮助。

看看-http://api.jquery.com/queue/

您可以使用这样的超时来避免多次单击。同样，这可以在很短的时间内而不是更长的时间内避免点击。

http://jsfiddle.net/dhavaln/Z7w84/

在函数顶部添加此条件：

if ($('#piccontainer').is(":animated")) {
  return false;
}

请参阅演示

相关文章：