我的代码存在问题,当我将鼠标悬停在图像上时,图像将变大50%并且会在图像上显示文字,但当我将鼠标悬停在文本上时,图像将进入状态mouseout,mouseover,mouseout,mouseover。所以它会闪烁很多。当鼠标悬停在图像文本上时,如何禁用此悬停事件?我在文中尝试了event.stopPropagation
,但它无效。
这是jsFiddle。尝试将鼠标悬停在图像上,然后尝试将鼠标悬停在文本上。这就是我所说的效果。我想禁用文本悬停事件。请帮帮我。
答案 0 :(得分:1)
我找到了解决方法,
我会做这样的事情。而不是使用悬停效果 img元素,在父元素上执行,$('。imgwall')然后执行 只增加图像做$(this).find('img')。和 $(this).find('h2')。show()/ hide()显示悬停内的文本 事件
感谢您的期待!
答案 1 :(得分:0)
如果您在文本框内部阻止悬停事件,图像将恢复为较小的尺寸,因为它只在悬停时显示较大。
最好将鼠标悬停在1个单独的元素上,使文本框具有非常大的透明边框以使其居中。
如果可以,请考虑使用jQuery Zoom插件。配置插件,一旦你的图像超过图像,在添加文本框的magnife之前。