2011-07-28 4 views
3

jquery mobile에 의심의 여지가 있습니다. 나는 네비게이션 바를 설정했다. 하지만 특정 탭을 선택할 때 강조 표시하는 방법이 없습니다. 나는 클래스 ui-btn-active를 알고 있지만 선택된 탭에 그것을 적용하는 방법을 모른다. 누군가가 해결책을 제공해 주시겠습니까? 대신 페이지의Jquery Mobile - 탭 강조 표시

답변

5

Jquery Mobile - Highlight a tab

를 사용하여 div 태그. javascript를 사용하면 탭에 해당하는 DIV가 렌더링 될 때 런타임에 탭을 강조 표시 (클래스 ui-btn-active 할당) 할 수 있습니다. 페이지 대신 div를 사용하면 탐색 모음이 모든 페이지에서 네비게이션 코드를 반복해야하는 페이지의 경우.

당신은 보여

jQuery Mobile Navigation Tabs

공지 다음 코드

$(this).addClass('ui-btn-active'); 

이 현재 강조 표시됩니다 다음과 같은 솔루션을 참조 코드를 탭을 클릭 할 때 사업부를 숨기고 알 수 있습니다 탭을 클릭하십시오.

1

나는이 당신을 위해 작동합니다 생각 :

li.ui-tabs-active > a { 
    background-color: rgb(51, 136, 204)!important; 
    border-color: rgb(51, 136, 204) !important; 
    color: rgb(255, 255, 255) !important; 
    text-shadow: 0 1px 0 rgb(0, 85, 153) !important; 
} 
관련 문제