javascript - jQuery闪烁mouseOver问题

我有一个显示标题的图像。标题浮动在图像上方，并显示在底部。

我有一个jQuery事件，当您将鼠标悬停在图像上时，它将显示标题。像这样：

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

当您推出时：

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

但是，将鼠标悬停在标题上时，它认为您已滚出图像并淡出。有没有什么办法解决这一问题？

这是链接：Example

谢谢，库尔顿

最佳答案

我看了看您的JS，但找不到触发字幕显示的内容-您应该将事件绑定到图片的父div，这样它就不会消失。如果当前仅绑定到图像，那就是您的问题。附注-包含代码示例总是有帮助的。