リンクを選択した後、ブートストラップメニューが転倒しないようにする

Question

リンクを選択した後で、モバイルビュー上で自分のnavbar-collapse-toggleをuncollapseにするのが難しいです。

私は実際にそれを見たことはありませんでしたが、クライアントはちょうど私にそれをするように頼んだ。多くの場所で見られましたが、それを見つけることはできません。

あなたは

http://www.neevasoft.com/docasnovo

で任意の考えを、それを確認することができますか？

マイHTML：

<header id="header" class="navbar-fixed-top main-nav" role="banner"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-12"> 

       <!-- Logo start --> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
         <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="#home"> 
         <img class="img-responsive" src="images\logo.png" alt="logo"> 
        </a> 

       </div><!--/ Logo end --> 

       <nav class="collapse navbar-collapse clearfix" role="navigation"> 
        <ul class="nav navbar-nav navbar-right"> 
         <li><a class="page-scroll" href="#home">Home</a></li> 
         <li><a class="page-scroll" href="#services">A Empresa</a></li> 
         <li><a class="page-scroll" href="#historia">História</a></li> 
         <li><a class="page-scroll" href="#about">Participações</a></li> 
         <li><a class="page-scroll" href="#team">Renovada</a></li> 
         <li><a class="page-scroll" href="#contact">Contato</a></li> 
         <li><a class="page-scroll" href="#acervo">Acervo</a></li> 
         <!--li><a class="page-scroll" href="#contact">Contact</a></li--> 
        </ul> 
       </nav><!--/ Navigation end --> 

      </div><!--/ Col end --> 
     </div><!--/ Row end --> 
    </div><!--/ Container end --> 
</header><!--/ Header end --> 

Answer 1

あなたはおそらくあなたがモバイルサイズにかいないのであれば、あなたが前にチェックし、リンクのクリックイベントに崩壊クラスを切り替えることができます。このような

何か：

$(function(){ 
    $(window).resize(function(){ 
    if($(window).width() < 767){ // check if you're on mobile version 
     $(".navbar-nav a").click(function(){ 
     $('.navbar-collapse').addClass('collapse'); 
     }); 
    } 
    }); 
}); 

私はそれをテストしていないが、私はあなたがそれのロジックを得ると思います。

Answer 2

ダイナミック崩壊する方法があります：

$(".navbar-nav a").click(function(){ 
    $('.collapse').collapse("hide"); 
});