引導下拉問題

我創建了可以在此Fiddle 引導下拉問題

<div id="navbarContainer" class="container-fluid"> 
      <nav class="navbar"> 
       <div class="navbar-inner"> 
        <ul class="nav"> 
         <li class="dropdown" data-toggle="tab"> 
          <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">Adult 
           <i class="caret"></i> 
          </a> 
          <ul class="dropdown-menu" role="menu"> 
           <li><a href="/">AL4 Participant Record</a></li> 
          </ul> 
         </li> 
         <li class="dropdown" data-toggle="tab"> 
          <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">Youth 
           <i class="caret"></i> 
          </a> 
          <ul class="dropdown-menu" role="menu"> 
           <li><a href="/Home/Youth">YS2</a></li> 
          </ul> 
         </li> 
         <li data-toggle="tab"><a class="course" href="/Course">Courses</a></li> 
        </ul> 
       </div> 
      </nav> 
     </div>

可以看到當我點擊青年菜單下YS2下拉菜單菜單鏈接，我想導航到實際的URL - 如何做到這一點？

來源

2013-07-17 James Culshaw

請發佈呈現的HTML，而不是無論如何。我不確定我是否理解這個問題。 – isherwood

啊，你剛剛做到了。 :-)但是，我不明白這個問題。「實際的網址」是什麼意思？ – isherwood

您需要從外部li刪除data-toggle =「tab」。

當你完成後，你的html應該看起來像這個菜單。

<li class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">Youth 
     <i class="caret"></i> 
    </a> 
    <ul class="dropdown-menu" role="menu"> 
     <li><a href="/Home/Youth">YS2</a></li> 
    </ul> 
</li>

來源

2013-07-17 16:55:24 Becuzz

引導下拉問題

回答

相關問題