Bootstrap 3 Navbar Collapse работает только на дочерних страницах

Question

У меня есть сайт, построенный с использованием ASP MVC с Bootstrap, и у меня есть navbar, построенный с использованием функций начальной загрузки. Все работает нормально, за исключением того, что когда я нахожусь на моей домашней странице, функция свернуть навигация не работает. Если я перехожу на другую страницу, она работает нормально. Есть ли причина, что это произойдет? Я использую главную страницу для всех этих страниц, поэтому мне кажется, что она будет работать на всех или вообще без нее.

Это код для навигатора.

<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» в поле данных-цели, но это не помогло.

Answer 1

Вы должны искать ошибки в консоли Javascript, большую часть времени, когда возникает ошибка Javascript прекращает вести себя так хорошо, так как коллапс функционально обрабатывается Javascript, он не может вести себя так, как предполагается, поэтому вы должны исправить все ошибки Javascript и проверить его снова, для доступа к консоли:

1. Щелкните правой кнопкой мыши в любом месте страницы.
2. Перейти к осмотру элемента.
3. Перейти к консоли.

Там вы увидите ошибки.