当我将鼠标悬停在图像内的文本上时如何禁用悬停事件？

Question

我的代码有问题，当我将鼠标悬停在图像上时，图像会变大 50%，并且会在图像上显示一个文本，但是当我将鼠标悬停在文本上时，图像会进入状态鼠标悬停，鼠标悬停，鼠标悬停，鼠标悬停。所以会闪烁很多。当鼠标悬停在图像文本上时，如何禁用此悬停事件？我在文本中尝试了event.stopPropagation，但它不起作用。

这是jsFiddle。尝试将鼠标悬停在图像上，然后尝试将鼠标悬停在文本上。这就是我说的效果。我想禁用文本悬停事件。请帮帮我。

Answer 1

我找到了解决办法，

我会做这样的事情。而不是使用悬停效果 img 元素，在父元素 $('.imgwall') 上执行，然后到 只增加图像做一个 $(this).find('img')。和 $(this).find('h2').show()/hide() 显示悬停内的文本 事件。

感谢收看！

Answer 2

如果您在文本框内阻止悬停事件，则图像将恢复为小尺寸，因为它仅在悬停时显示较大。

您最好将鼠标悬停在 1 个单个元素上，将带有非常大透明边框的文本框置于其中心。

如果可以，请考虑使用jQuery Zoom 插件。配置插件，以便在您浏览图片后，在放大镜之前添加文本框。