jQuery闪烁鼠标Over问题

jQuery blinking mouseOver issue

本文关键字：问题 Over 鼠标 闪烁 jQuery      更新时间：2023-09-26

我有一张图片，上面显示了一个标题。标题浮动在图片上方，显示在底部。

我有一个jQuery事件，当你滚动图像时，它会显示标题。像这样：

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

当你推出：

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

但是，当您滚动标题时，它会认为您已经滚动出图像并淡出。有办法解决这个问题吗？

这里有一个链接：示例

谢谢，库尔顿

我看了一下你的JS，但我找不到是什么触发了标题的显示——你应该将事件绑定到图像的父div，这样它就不会淡出。如果它当前仅绑定到图像，那就是您的问题。附言-包含一个代码示例总是有帮助的。

这里有一个fiddle，展示了如何做到这一点。当鼠标进入标题元素时，它只需在该元素上调用stop：

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

stop函数取消在选定元素（在本例中为标题元素）上运行的任何动画。

相关文章：