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(){});

如果我将一张照片悬停在另一张照片上，效果会很好。但问题是，e.x，如果我在穿过照片2和照片3时将照片1悬停在照片4上，则会再次调用show（）函数两次。所以还有两个幻灯片动画，这是没有必要的。

如何调整代码以解决此问题？谢谢

Answer 1

尝试

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

清除动画队列。