html点击父元素执行子元素,javascript – 防止点击父元素的点击事件点击子元素...

参见英文答案 >

jquery stop child triggering parent event                                    6

我有一个以下菜单,演练到三个层次：

主要>子> subsub

Main Menu Item # 1.

• Sub Menu Item # 1
• Sub Menu Item # 2

• New

Old

View Sub Menu Item # 3 Sub Menu Item # 4

这就像我的JQ：

$('.mainMenu').click(function () {

$(this).children('ul').slideToggle(250);

});

$('.subMenu').click(function () {

$(this).children('ul').slideToggle(250);

});

问题是主菜单的子菜单切换主菜单工作正常,但是当我单击子菜单中的项目而不是切换其子菜单时,它会自动关闭,因为当我点击子菜单时,主菜单单击事件也被触发很可能是因为子菜单里面是它,它需要点击它的主要div？

无论如何我可以解决这个问题,请帮忙.