我選擇一個鏈接後自舉切換菜單uncollapse

我有一個困難，使我的導航欄摺疊切換移動視圖uncollapse後，選擇一個鏈接去。我選擇一個鏈接後自舉切換菜單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 -->

來源

2016-04-02 Bruno De Faria

你或許可以切換上，如果你是在一個移動的大小與否，當你前檢查鏈接點擊事件崩潰類。

事情是這樣的：

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

我還沒有測試，但我覺得你得到它的邏輯。

來源

2016-04-02 17:02:25

我理解的邏輯，但我只是想隱藏的崩潰就會切換後，崩塌和我點擊一個錨。我已經嘗試了什麼托馬斯Antunes建議，但仍然沒有運氣... 嘗試過你的順便說一句。 –

有動態崩潰的方法：

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

來源

2016-04-02 17:43:14

仍然沒有工作。不過謝謝你的努力。 –

我選擇一個鏈接後自舉切換菜單uncollapse

回答

相關問題