gpt4 book ai didi

javascript - 防止在单击子元素时触发其父级的单击事件

转载 作者:太空狗 更新时间:2023-10-29 13:08:11 25 4
gpt4 key购买 nike

<分区>

我有一个可深入到三个级别的以下菜单:主 > 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?

无论如何我该如何解决这个问题,请帮忙。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com