引導導航欄無法在手機上

關閉我現在用的是引導導航欄，切換和定位類導航欄，坍塌，但我的導航欄是不會自動移動收盤：引導導航欄無法在手機上

<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <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 scrollTo" href="#intro"><img id="bg-img" src="./img/hn-logo.png"></a> 
     </div> 

      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 

      <ul class="nav navbar-nav navbar-right"> 
       <li class="active"><a href="#intro">Home</a> 
       </li> 
       <li><a href="#section1">Products</a> 
       </li> 
       <li><a href="#section2">Learn</a> 
       </li> 
       <li><a href="#section3">Lab Testing</a> 
       </li> 
       <li><a href="#section4">Partners</a> 
       </li> 
       <li><a href="#contact">Contact</a> 
       </li> 
      </ul> 
     </div> 
     <!--/.nav-collapse --> 
    </div> 
</div>

來源

2016-11-23 Roscoe

已包含的jQuery和bootstrap.js？崩潰功能是通過javascript添加不只是css – LoganRx

什麼是自動關閉？你仍然必須點擊，切換按鈕來關閉它。 – AVI

對，我希望它在點擊後關閉 – Roscoe

試試這個，在腳本中加入這個jQuery標記

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

來源

2016-11-23 06:27:15

通過CDN或從自己的源

jQuery的CDN

包含的jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

，然後包括引導JS CDN

引導

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

來源

2016-11-23 07:01:48 Arshmeet

引導導航欄無法在手機上

回答

相關問題