当我将鼠标悬停在图像中的文本上时，如何禁用hover事件？
当我将鼠标悬停在图像中的文本上时，如何禁用hover事件？
提问于 2012-06-05 13:23:34
我的代码中有一个问题，当我将鼠标悬停在图像上时，图像会放大50%，并在图像上显示一个文本，但当我将鼠标悬停在文本上时，图像将进入mouseout、mouseover、mouseout、mouseover状态。所以它会闪烁很多。当鼠标悬停在图像文本上时，如何禁用此悬停事件？我在文本中尝试了event.stopPropagation，但它不起作用。
这是jsFiddle。尝试将鼠标悬停在图像上，然后尝试将鼠标悬停在文本上。这就是我所说的效果。我想禁用文本悬停事件。请帮帮我。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-05 18:08:31
我找到了解决方案，
，我会做这样的事情。不是在img元素上使用悬停效果，而是在父元素$('.imgwall')上使用悬停效果，然后只增加图像的$(this).find('img')。和$(this).find('h2').show()/hide()来显示悬停事件内部的文本。
感谢您的关注！
Stack Overflow用户
发布于 2012-06-05 14:38:50
如果在文本框内阻止悬停事件，图像将恢复为较小尺寸，因为它仅在悬停时显示较大。
最好，你应该将鼠标悬停在单个元素上，也许文本框有非常大的透明边框来居中。
如果可以，考虑使用jQuery Zoom插件。配置插件，这样一旦你在图像上，在magnifer之前，文本框是添加的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10892006
复制相关文章
相似问题
腾讯云开发者
