这两天在在做一个菜单,ul下多个li菜单,当鼠标移出ul的时候将菜单隐藏。

想到这移入移出,想到mouseover和mouseout事件,但是问题来了,我要的是鼠标移出ul的时候才触发mouseout事件,但是我鼠标移出ul子元素li的时候也出触发ul上注册的mouseout事件,这样就达不到想要的效果。

后来跟同事讨论才发现,jQuery本身还有另外两个事件,mouseenter和mouseleave,同样是鼠标移入,移出。只是它只针对注册元素生效,对子元素不会生效,没有冒泡事件。

很完美的解决了问题。

很开心,哈哈哈~~

posted on 2012-09-14 14:29  tianqing52  阅读(14950)  评论(2编辑  收藏  举报