两种事件触发的jquery导航菜单

   上周五群里一童鞋问了个问题，需求是click事件触发的导航菜单，网上很多例子都是mouseover与mouseout事件结合使用的。没找到合适的click事件触发的。于是，在懒人网找到个mouseover的例子，决定改造下，其实非常简单。就不多说了。

不过，这里也要记录一个知识点，关于jquery ul li mouseout 事件冒泡的bug。

$('ul>li>div').bind("mouseenter",function(){})代替$(...).mouseover();

$('ul>li>div').bind("mouseleave",function(){})代替$(...).mouseout();

因为bind方法可以屏蔽浏览器的一些事件冒泡行为。

这样，就不会出现刚刚所说的mouseover,mouseout错误触发的问题。

另外，ie支持mouseenter,mouseleave事件，firefox等不支持，但通过jquery的这种方式后，所有浏览器均支持上面的语法（这大概也是jquery的好处吧）

 

文件：

jQuery简洁下拉菜单导航-mouseover触发

jQuery简洁下拉菜单导航-click触发

转载于:https://www.cnblogs.com/zf2011/archive/2011/11/14/2248670.html