Javascript 防止儿童退货
我想做一个带有子菜单的菜单,我想列表点只需点击一次,直到用户进入下一个 我尝试了return false,但在这种情况下,标签不再是可点击的Javascript 防止儿童退货,javascript,jquery,Javascript,Jquery,我想做一个带有子菜单的菜单,我想列表点只需点击一次,直到用户进入下一个 我尝试了return false,但在这种情况下,标签不再是可点击的 <div id="navigation"> <ul> <li>corsets</li> <li class="active">news <ul> <li><a href="index.php">blabla
<div id="navigation">
<ul>
<li>corsets</li>
<li class="active">news
<ul>
<li><a href="index.php">blablaba</a></li>
<li><a href="index.php">blubbblubb</a></li>
</ul>
</li>
<li>person
<ul>
<li><a href="person.php">blablaba</a></li>
<li><a href="person.php">blubbblubb</a></li>
</ul>
</li>
<li>contact</li>
</ul>
</div>
如果用户单击下一个菜单点,则可以再次单击前一个菜单点。当然,我会在稍后的函数中删除
.active
。这只是一个片段…这可能看起来既愚蠢又简单,但您可以使用:
$('#navigation li').click(function(evt) {
$(this).toggleClass('active');
});
如果不存在,则添加它,如果存在,则删除它。您还可以使用:
$(this).html($(this).text);
如果您想删除超链接(假设您的格式不是基于超链接的,在这种情况下无需考虑)。对不起,这是源代码的一个片段。。。当然,主列表点应该是主选择器…:)将添加和删除什么?每当单击链接时,它将添加/删除“活动”类。我甚至会说甚至不使用它,在所有其他链接上使用removeClass(),然后专门将Class()添加到$(this)。这将使链接在移动到另一个菜单后不会延迟。是的,这将起作用,但重要的是,活动的
$(this).html($(this).text);