javascript单击事件队列

Question

我制作了一个简单的画廊，当你点击一个图像缩略图时，它将显示较大的图像，淡化淡出效果与jquery。

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

  $('#piccontainer').fadeIn();
});

但如果我快速点击5个不同的缩略图，则大图像将淡入淡出所有5个图像。如何禁用，以便我可以说我点击了5个缩略图非常快，它应该只消失在最后的第5个。 基本如何停止点击事件的队列？

感谢您的帮助。

Answer 1

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

Answer 2

您可以使用这样的超时来避免多次点击。同样，这可以避免点击一小段时间而不是更长时间。

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

Answer 3

在函数顶部添加此条件：

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

See Demo