我的代码有问题，当我将鼠标悬停在图像上时，图像会变大 50%，并且会在图像上显示文本，但是当我将鼠标悬停在文本上时，图像会进入 mouseout、mouseover 状态，鼠标悬停，鼠标悬停。所以会闪烁很多。当鼠标悬停在图像文本上时，如何禁用此悬停事件？我在文本中尝试过event.stopPropagation，但它不起作用。
这是jsFiddle。尝试将鼠标悬停在图像上，然后尝试将鼠标悬停在文本上。这就是我说的效果。我想禁用文本悬停事件。请帮我。
问问题
422 次
2 回答
1
我找到了解决方案，
我会做这样的事情。不要在 img 元素上使用悬停效果，而是在父元素 $('.imgwall') 上执行此操作，然后仅增加图像执行 $(this).find('img')。和 $(this).find('h2').show()/hide() 显示悬停事件中的文本。
感谢您的关注！
于 2012-06-05T10:08:31.410 回答
0
如果您在文本框内阻止悬停事件，则图像将恢复为小尺寸，因为它仅在悬停时显示较大。
最好将鼠标悬停在 1 个单个元素上，将带有非常大透明边框的文本框置于其中心。
如果可以，请考虑使用jQuery Zoom插件。配置插件，这样一旦你在图像上，在放大镜之前添加文本框。
于 2012-06-05T06:38:50.233 回答