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功能取消所选择的元件上运行的任何动画（在这种情况下，字幕元素）。