我有一个使用 ASP MVC 和 Bootstrap 构建的网站,我有一个使用 Bootstrap 功能构建的导航栏。一切正常,除了当我在主页上时,导航栏的折叠功能不起作用。如果我导航到不同的页面,它工作正常。有什么理由会发生这种情况吗?我正在为所有这些页面使用一个母版页,所以在我看来,它可以在所有页面上工作,也可以在任何一个页面上工作。
这是导航栏的代码。
<div style="background-color:#F2F2F2;" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button style="margin-right:20px;" type="button" class="navbar-toggle navbar-nav" data-toggle="collapse" data-target="#crashNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="crashNavbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav" style="padding-top:20px;">
<li> @Html.ActionLink("Home", "Index", "Home")</li>
<li> @Html.ActionLink("About", "About", "Home")</li>
<li> @Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</div>
</div>
</div>
我尝试在数据目标字段中引用“.navbar-collapse”,但这没有帮助。
最佳答案
您应该在 Javascript 控制台中查找错误,大多数情况下,当错误发生时 Javascript 停止运行,因为折叠功能由 Javascript 处理,它无法像预期的那样运行,因此您应该更正所有Javascript 错误并再次测试,以访问控制台:
- 右键单击页面中的任意位置。
- 去检查元素。
- 转到控制台。
在那里你会看到错误。
关于jquery - Bootstrap 3 Navbar Collapse 仅适用于子页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38578217/