javascript - 多次调用 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();

清除动画队列。