引導：如何使用導航欄？

Question

我在引導新的，我有一個問題關於它的

如果我有下拉這樣

<div class="navbar-collapse collapse"> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu <b class="caret"></b></a> 
     <ul class="dropdown-menu"> 
      <li><a href="#menu1">menu 1</a></li> 
      <li><a href="#menu2">menu 2</a></li> 
      <li><a href="#menu3">menu 3</a></li> 
     </ul> 
</div> 

菜單導航欄代碼如果我點擊菜單中的鏈接將包括一個像這個「WWW。..... /＃菜單1」

的問題是，如果我想使內容出現，我只是按我怎麼能做到這一點的菜單上？

<div class="container"> 
    <!-- my rough idea is like this--> 
    <div id="#menu1"> content from menu 1</div> 
    <div id="#menu2"> Content from menu 2</div> 
    <div id="#menu3"> Content from menu 2</div> 
</div> 

我試了很多次，但它仍然顯示兩個數據。 我已經包括從JavaScript（由引導）這樣

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="../bootstrap/js/bootstrap.min.js"></script> 

Answer 1

您需要使用jQuery來顯示隱藏的內容。試試這個：

1. 添加類= 「內容」 到你的div和ID

   <div id="menu1" class="content"> content from menu 1</div>

2. 刪除＃一個jQuery事件添加到您的導航鏈接

   $(".dropdown-menu a").on('click',function(e) { 
       e.preventDefault(); // stops link from loading 
       $('.content').hide(); // hides all content divs 
       $('#' + $(this).attr('href')).show(); //get the href and use it find which div to show 
   }); 
   

希望幫助 //編輯