Bir bağlantı seçtikten sonra Bootstrap geçiş menüsü uncollapse

Question

Gitmek için bir bağlantı seçtikten sonra navbar-collapse-toggle'ını mobil görünümler üzerinde açmak için zorluk yaşıyorum.

Aslında bunu hiç görmedim, ama bir müşteri sadece benden yapmamı istedi. Birçok yerde baktım ama bulamıyor.

Sen

http://www.neevasoft.com/docasnovo

Herhangi bir düşünce de kontrol edebilirsiniz?

Benim 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

Sen belki bir cep boyutuna veya değilsen önce kontrol bağlantı tıklama olayı çöküşü sınıfını geçiş yapabilirsiniz. Böyle

şey:

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

ben bunu test değil ama bunun mantığını olsun düşünüyorum.

Answer 2

dinamik çöküşü için bir yöntem vardır:

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