最初のクリック時にブートストラップ折りたたまれたヘッダーがちらつく

Question

ブートストラップのナビゲーションバーで奇妙な問題が発生しています。ウィンドウが十分に小さくなると、展開ボタンが期待どおりに表示されます。しかし、一度ボタンをクリックすると、それは本当に不思議な動きをします。最初のクリックでドロップダウンの内容がちらつき、消えます。 2回目のクリックでは、ドロップダウンは正常に表示されますが、アニメーションは表示されません。 （サーバによってレンダリングされるように）

コード

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </a> 
    <a href="/" class="brand"></a> 

     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li><a href="/businesses">Businesses</a></li> 
      <li><a href="/about">About Us</a></li> 
      <li><a href="/contact">Contact</a></li> 
      <li><a href="/advertise">Advertise</a></li> 
     </ul> 
     <ul class="nav pull-right"> 
      <li><a href="https://stackoverflow.com/users/sign_in">Login</a></li> 
      <li><a href="https://stackoverflow.com/users/sign_up">Sign Up</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 

任意の考え？

EDIT：通常私はこれと同じ問題があったと私は私がどこかからコピーしておく必要があります私のページでは、この小さなスクリプトブロックを持っていたことが分かったブランドのアンカー

Answer 1

にイメージがあるでしょう。

<script type="text/javascript"> 
    $('.nav a').on('click', function() { 
     $(".navbar-toggle").click(); 
    }); 
</script> 

これを削除すると、問題が解決しました。

どこから来たのか分かりませんが、私はBootstrap 2.xなどの例を想定しています。