<分区>
我有一个可深入到三个级别的以下菜单:
主 > sub > subsub
<nav>
<div class="mainMenu">Main Menu Item # 1.
<ul>
<li> Sub Menu Item # 1</li>
<li class="subMenu"> Sub Menu Item # 2
<ul>
<a href="New">
<li>New</li>
</a>
<a href="">
<li>Old</li>
</a>
<a href="">
<li>View </li>
</a>
</ul>
<div class="n_r2_c2"></div>
</li>
<li> Sub Menu Item # 3</li>
<li> Sub Menu Item # 4</li>
</ul>
</div>
这是我的 JQ:
$('.mainMenu').click(function () {
$(this).children('ul').slideToggle(250);
});
$('.subMenu').click(function () {
$(this).children('ul').slideToggle(250);
});
问题是主子菜单的子菜单切换工作正常,但是当我单击子菜单中的元素而不是切换其子菜单时,它会自行关闭,因为当我单击子菜单时主菜单 click
事件也很可能被触发,因为子菜单在它里面并且它需要点击它作为点击主 div?
无论如何我该如何解决这个问题,请帮忙。