我知道还有其他帖子有相同的主题,但我尝试了很多但仍然遇到了问题。
我可以完美地打开导航,但是当我想关闭它时,它只是闪烁,而且它根本不会关闭。
<nav class="navbar navbar-default">
@*navbar navbar-default*@
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="hidden-sm hidden-md hidden-lg">@Model.Content.Name</p>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="menu-collapse">
<ul class="nav navbar-nav">
@foreach (var item in selection)
{
if (item.Children.Count() > 0)
{
<li class="dropdown @(item.Id == Model.Content.Id ? "current" : null)">
<a href="@item.Url">@item.Name.ToUpper()</a>
<ul class="dropdown-menu">
@foreach (var child in item.Children)
{
<li class="@(item.Id == Model.Content.Id ? "current" : null)">
<a href="@child.Url">@child.Name.ToUpper()</a>
</li>
}
</ul>
</li>
}
else
{
<li class="@(item.Id == Model.Content.Id ? "current" : null)">
<a href="@item.Url">@item.Name.ToUpper()</a>
</li>
}
}
</ul>
</div><!-- /.navbar-collapse -->
Html.RequiresCss("/css/bootstrap.min.css", 1);
Html.RequiresCss("/css/bootstrap-responsive.css", 1);
Html.RequiresJs("https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js", 0);
Html.RequiresJs("/Scripts/bootstrap.min.js", 1);
我希望有人知道会导致此错误的原因。