ブートストラップ3 Navbar折りたたみは、子ページでのみ機能します

Question

私はブートストラップ付きのASP MVCを使用して構築されたウェブサイトを持っており、ブートストラップ機能を使用して構築されたナビゲーションバーを持っています。私のホームページにいるとき、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. inspect要素に移動します。
3. コンソールに移動します。

エラーが表示されます。