当我单击nav Button
时,折叠没有结束。它仅在主页上工作。当我尝试在另一页(导航页)上执行此操作时,它不起作用。我该怎么解决?
注意:根据我的签入,请检查其关闭情况,但请立即再次show
合拢menu-item
。我没有解决此问题的方法。
HTML
<header>
<nav class="navbar navbar-light bg-light">
<a class="navbar-brand" href="#">LOGO </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-menu" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav-menu">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</span></a>
</li>
<li class="nav-item" >
<a class="nav-link" href="#" data-page="about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-page="work">Our Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-page="tech">Tech</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-page="process">Our Process</a>
</li>
<li class="nav-item" >
<a class="nav-link" href="#" data-page="blog">Blog</a>
</li>
</ul>
</div>
</nav>
</header>
<div id="body-content">
</div>
JS
$(document).ready(function(){
$(".navbar-collapse .navbar-nav li a").click(function(){
$("li").removeClass("active");
$(this).closest("li").addClass("active");
$(".collapse").collapse('hide');
$("#body-content").load($(this).data("page")+".html");
});
});