2013-02-09 30 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(); 

清除動畫隊列。