부트 스트랩 3 내비게이션 하위 페이지에서만 접기

Question

부트 스트랩이있는 ASP MVC를 사용하여 웹 사이트를 구축했으며 부트 스트랩 기능을 사용하여 navbar를 구축했습니다. 내 홈 페이지에있을 때 navbar의 축소 기능이 작동하지 않는다는 것을 제외하면 모든 것이 잘 작동합니다. 다른 페이지로 이동하면 정상적으로 작동합니다. 이것이 일어날 어떤 이유가 있습니까? 이 모든 페이지에 대해 마스터 페이지를 사용하고 있기 때문에 모든 페이지에서 작동 할 것입니다.

다음은 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. 콘솔로 이동하십시오.

오류가 표시됩니다.