2013-02-09 57 views
0

我有一个3 * 3照片拼贴,并希望照片的相应文本摘要显示出来,如果照片被蒙上了阴影。文本摘要包含在一个带有summary-container的div中。也就是说,之前的文本摘要将被当前带有幻灯片动画效果的文本替换。下面是一段javascript代码。多次调用jQuery show()

$('#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()函数。所以还有两个幻灯片动画,这是没有必要的。

我应该如何调整自己的代码来解决这个问题?谢谢

+0

小提琴会帮助 – Paul 2013-02-09 00:54:04

+1

你可以发布HTML吗?甚至更好,JS的小提琴的问题?我发现很难理解你需要什么。 – Toddish 2013-02-09 00:54:28

回答

1

尝试

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

清除动画队列。