2013-04-17 58 views
0

感謝您的閱讀...我有一個2層導航。根據好,壞和評論數量對內容進行分類。如果用戶點擊良好,它會帶來另一個按時間排序內容的導航。如今天,最近一個星期,最後一個月。使用php和twitter引導的動態下拉菜單

我可以使用$_SERVER['PHP_SELF']添加class='active',但twitter靴子下拉菜單沒有簡單的class='active'它很複雜。我無法提出解決方案。我應該用嗎?的foreach?我不知道。請參閱代碼中的html命令。這是我的代碼。

<ul class="nav nav-tabs"> 
     <li <?php if (basename($_SERVER['PHP_SELF']) == '/?Top'): ?> class="active"<?php endif; ?>><a href="/?Top">Top Content</a></li> 
     <li <?php if (basename($_SERVER['PHP_SELF']) == '/?Bad'): ?> class="active"<?php endif; ?>><a href="/?Bad">Bad Content</a></li> 
     <li <?php if (basename($_SERVER['PHP_SELF']) == '/?Comments'): ?> class="active"<?php endif; ?>><a href="/?Comments">Most Commented</a></li> 
<!-- It's confusing me when It comes here... because as you see active option is not li tag. it's bunch of html code and also any url bellow can ben any of those up --> 
      <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-time"></i> Today <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="URL=week" />Last 1 Week</a></li> 
       <li><a href="URL=month" />Last 1 Month </a></li> 
       <li><a href="URL=all" />All</a></li> 
      </ul> 
      </li> 
    </ul> 

HTML稱道:它困惑我說到這裏...因爲你可以看到活躍的李是不是李它是一串HTML代碼,同時也也低於任何URL可以是任何的起來

回答

1

您可以使用"active"級別在子級下拉列表中選擇li(其中一個級別爲"dropdown"),另一個"active"級別。

這是一個例子

<ul class="nav nav-tabs"> 
    <li class=""><a href="#">Home</a></li> 
    <li><a href="#">Help</a></li> 
    <li class="dropdown active"> 
     <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a> 
     <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li class="active"><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
     </ul> 
    </li> 
    </ul> 

JSBin

+0

現場演示非常感謝你。我不知道Twitter靴子可以做到這一點。謝謝。 –