2013-07-17 67 views
0

我创建了可以在此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 - 如何做到这一点?

+0

请发布呈现的HTML,而不是无论如何。我不确定我是否理解这个问题。 – isherwood

+0

啊,你刚刚做到了。 :-)但是,我不明白这个问题。 “实际的网址”是什么意思? – isherwood

回答

0

您需要从外部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>