Bootstrap 3 Navbar Collapse只适用于子页面

我有一个使用ASP MVC和Bootstrap构建的网站，我有一个使用引导功能构建的导航栏。一切工作正常，除了当我在我的主页上，导航栏的崩溃功能不起作用。如果我导航到不同的页面，它工作正常。这是否有任何理由会发生？我正在使用所有这些页面的母版页，所以在我看来，它可以全部或全部无效。Bootstrap 3 Navbar Collapse只适用于子页面

这里是导航栏的代码。

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

来源

2016-07-25 Wyatt

您是否检查了**控制台**，发现错误，并且该页面上存在jQuery + Bootstrapjs？ – vanburen

Bootstrap和jquery都存在。其他jquery似乎工作正常。我没有在控制台中看到任何错误。 – Wyatt

老实说，基于代码/信息很难说，因为没有办法重新创建问题。我唯一的（远投）建议是清除浏览器缓存/尝试使用其他浏览器，以查看问题是否存在。 – vanburen

你应该在Javascript控制台中查找错误，大多数情况下，当发生错误时JavaScript停止行为如此之好，因为功能上的崩溃是由Javascript处理的，所以它不能像它应该的那样行为，所以你应该改正所有Javascript错误并再次测试，以访问控制台：

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

在那里你会看到错误。

来源

2016-07-25 22:50:20

我这样做，通过导航栏展开/折叠，并没有出现在控制台上。 – Wyatt

Bootstrap 3 Navbar Collapse只适用于子页面

回答

相关问题