gpt4 book ai didi

html - 单击链接时,移动导航栏不会折叠

转载 作者:太空宇宙 更新时间:2023-11-04 05:59:50 24 4
gpt4 key购买 nike

我试图在点击链接时让我的代码崩溃,但它不起作用。

我尝试将数据切换添加到链接,但在那种情况下,链接不起作用。

<HTML>
<nav class="navbar navbar-expand-lg fixed-top activate-menu navbar-light bg-light">
<a class="navbar-brand" href="#showcase">MyWebsite</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a class="nav-link" href="#showcase">Home</a>
</li>
<li>
<a class="nav-link" href="#features">Feature</a>
</li>
<li>
<a class="nav-link" href="#teams">Team</a>
</li>
<li>
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>

</HTML>

输出应该是导航中的链接有效,并且在单击一个链接时菜单关闭。

当前的输出是链接有效但菜单没有折叠。

最佳答案

添加这个脚本

 $(document).off('click', '.navbar-nav a');
$(document).on('click', '.navbar-nav a', function () {
//$(".btn-navbar").click(); //bootstrap 2.x
$(".navbar-toggle").click() //bootstrap 3.x
})

关于html - 单击链接时,移动导航栏不会折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57426305/

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