2013-04-17 1 views
0

읽어 주셔서 감사합니다 ... 탐색 기능이 2 개 있습니다. 좋은, 나쁜 및 코멘트 카운트별로 내용을 분류합니다. 사용자가 선을 클릭하면 시간별로 콘텐츠를 정렬하는 다른 탐색이 나타납니다. 지난 1 주일, 지난 1 개월과 같은트위터 부트 스트랩이있는 PHP를 사용하는 동적 드롭 다운 메뉴

$_SERVER['PHP_SELF']을 사용하여 class='active'을 추가 할 수 있지만 트위터 부트 슬랩 드롭 다운 메뉴에는 간단한 class='active'이 없기 때문에 복잡합니다. 나는 해결책을 찾을 수 없다. 내가 사용해야합니까? 각각? 나는 모른다. 코드의 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

그의를 할 수있다 ... 나를 혼란 외부 li ("dropdown" 클래스를 가짐)에 "active" 클래스를 사용할 수 있으며 하위 드롭 다운에 클래스를 사용할 수 있습니다.

+0

JSBin에서 라이브 데모가 대단히 감사합니다 예를 들어

<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> 

입니다. 나는 트위터 부트 슬랩이 그렇게 할 수 있는지 몰랐다. 감사. –

관련 문제