jQuery閃爍mouseOver問題

Question

我有一個圖像上顯示標題。標題浮在圖像上並顯示在底部。

我有一個jQuery事件，當你翻轉圖像時，它顯示標題。像這樣：

function showCaption(id) { 
var theID = "#caption_" + id; 
$(theID).fadeIn('200'); 
} 

而當你推出：

function hideCaption(id) { 
var theID = "#caption_" + id; 
$(theID).fadeOut('200'); 
} 

然而，當你翻轉的標題，它認爲你已經推出了圖像和淡出。有沒有什麼辦法解決這一問題？

這裏有一個鏈接：Example

感謝，庫爾頓

Answer 1

我看了一下你的JS，但我找不到觸發顯示標題的東西 - 你應該將事件綁定到圖像的父部分，這樣它就不會淡出。如果它目前僅限於圖片，那就是您的問題。 P.S - 包含代碼示例總是有幫助的。

Answer 2

Here is a fiddle，顯示你如何能做到這一點的例子。它簡單地調用字幕元件上stop當鼠標進入該元素：

$("#caption").mouseover(function() { 
    $(this).stop(); 
}); 

的stop功能取消所選擇的元件上運行的任何動畫（在這種情況下，字幕元素）。