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

时间:2012-06-05 05:23:34

标签: javascript jquery

我的代码存在问题,当我将鼠标悬停在图像上时,图像将变大50%并且会在图像上显示文字,但当我将鼠标悬停在文本上时,图像将进入状态mouseout,mouseover,mouseout,mouseover。所以它会闪烁很多。当鼠标悬停在图像文本上时,如何禁用此悬停事件?我在文中尝试了event.stopPropagation,但它无效。

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

2 个答案:

答案 0 :(得分:1)

我找到了解决方法,

  

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

感谢您的期待!

答案 1 :(得分:0)

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

最好将鼠标悬停在1个单独的元素上,使文本框具有非常大的透明边框以使其居中。

如果可以,请考虑使用jQuery Zoom插件。配置插件,一旦你的图像超过图像,在添加文本框的magnife之前。