目前我有一个图像,当用户将鼠标放在它上面时,使用Jquery我在图像上放置一个透明的div。问题是这会触发mouseout事件。我希望当鼠标离开图像时,透明div会离开。如果覆盖图像的透明div,检测此问题的最佳方法是什么。希望至少有一些意义。
答案 0 :(得分:1)
假设div与图像的大小相同,则可以隐藏div自己的mouseout事件中的div。
答案 1 :(得分:1)
将mouseOut监听器添加到div中。
答案 2 :(得分:1)
检查mouseenter而不是mouseleave。如果将图像和透明div包装在包含div中,然后在该div上查找mouseenter,您将获得所需的行为。 Mouseenter行为通过子元素冒泡,听起来就像你需要的那样。
答案 3 :(得分:0)
有一些插件可用于执行此操作(鼠标悬停的标题),如:
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/