Bootstrap 3 Navbar Collapse 仅适用于子页面答案

【问题标题】：Bootstrap 3 Navbar Collapse only works on child pagesBootstrap 3 Navbar Collapse 仅适用于子页面
【发布时间】：2016-07-25 22:12:31
【问题描述】：

我有一个使用带有 Bootstrap 的 ASP MVC 构建的网站，并且我有一个使用引导功能构建的导航栏。一切正常，除了当我在主页上时，导航栏的折叠功能不起作用。如果我导航到不同的页面，它工作正常。有什么理由会发生这种情况吗？我对所有这些页面都使用了母版页，所以在我看来，它可以在所有页面上运行，也可以在任何情况下都没有。

这是导航栏的代码。

<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”，但这没有帮助。

【问题讨论】：

您是否检查了您的 console 是否有错误以及该页面上是否存在 jQuery + Bootstrapjs？
Bootstrap 和 jquery 都存在。其他 jquery 似乎工作正常。我在控制台中没有看到任何错误。
老实说，根据代码/信息很难说，因为没有办法重现问题。我唯一的其他（长期）建议是清除浏览器缓存/尝试使用其他浏览器查看问题是否仍然存在。
我尝试清除我的现金并使用不同的浏览器，但我仍然遇到同样的问题。那好吧。当我发现问题时，我会发布。

标签： jquery html css asp.net-mvc twitter-bootstrap

【解决方案1】：

您应该在 Javascript 控制台中查找错误，大多数情况下，当发生错误时，Javascript 会停止正常运行，因为崩溃功能是由 Javascript 处理的，它不能像预期的那样运行，因此您应该更正所有Javascript 错误并再次测试，以访问控制台：

右键单击页面中的任意位置。
去检查元素。
转到控制台。

在那里你会看到错误。

【讨论】：

我这样做了，浏览了导航栏展开/折叠，控制台上什么也没有出现。