我的思路是这样的: li之间mouseover,二级菜单p不变,变的只是内容,但我想鼠标移出一级菜单的ul时,二级菜单隐藏。 我现在对一级ul绑定了mouseout,但这样在li之间也会触发了mouseout事件(冒泡到了ul)。有没办法不让li之间触发mouseout事件呢。
闭关修行中......
可以判断event对象中的target属性的nodeName是否为UL或者是其他逻辑判断,再做相应处理
nodeName
利用锚链接或者:target伪类就能实现,然后控制一下二级菜单的显示和隐藏就行。
:target
利用锚链接实现的demo:demo
利用:target伪类的实现原理:Trick:CSS3的:target实现选项卡切换
给ul绑定mousewheel事件!
ul
mousewheel
事件肯定是要被触发的,你能做的就是不绑定事件处理函数到li上
$('#dom').on('mouseleave', function () { $('#dom').hide(); });
可以判断event对象中的target属性的
nodeName
是否为UL或者是其他逻辑判断,再做相应处理利用锚链接或者
:target
伪类就能实现,然后控制一下二级菜单的显示和隐藏就行。利用锚链接实现的demo:demo
利用
:target
伪类的实现原理:Trick:CSS3的:target实现选项卡切换给
ul
绑定mousewheel
事件!事件肯定是要被触发的,你能做的就是不绑定事件处理函数到li上