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，但是我找不到触发标题显示的内容 - 你应该将事件绑定到图像的父div，这样它就不会淡出。如果它当前只与图像绑定，那就是你的问题。 P.S - 包含代码示例总是有帮助的。

Answer 2

Here is a fiddle显示了如何做到这一点的示例。当鼠标进入该元素时，它只是在标题元素上调用stop：

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

stop函数取消在所选元素上运行的所有动画（在本例中为caption元素）。