jQuery show（）被多次调用

Question

我有一个3 * 3的照片拼贴，如果将鼠标悬停在照片上，则希望显示照片的相应文本摘要。 文本摘要包含在id为summary-container的div中，也就是说，先前的文本摘要将被具有幻灯片动画效果的当前文本替换。 以下是一段JavaScript代码。

$('#photo-collage').find('.span4').hover(function(){  
      $('#summary-container').fadeOut();
      $('#summary-container').show('slide',{direction: 'left'},1000);
      $('#summary-container').load(url,data);
},function(){});

如果我从一张照片移到另一张照片，效果很好。 但是问题是，例如，如果我在越过照片2和照片3时从照片1悬停在照片4上，则show（）函数会再调用两次。 因此，还有两个幻灯片动画，这不是必需的。

我应该如何调整代码以解决此问题？

Answer 1

尝试

$("#summary-container").clearQueue().stop();

清除动画队列。