페이지의 동적 부트 스트랩 "활성"선택

Question

페이지가로드 될 때 활성으로 탐색 항목을 선택해야합니다. 이 문제는 부트 스트랩 프레임 워크 내에 있습니다. 나는 PhP에서 이것을하는 방법을 안다.

나는 여러 페이지를 가지고 있으며 PhP 포함 내비게이션을 유지하려고합니다. 현재 각 페이지에 탐색 코드 링크가 있어야합니다. 사용자가 "정보"를 선택하면 정보 항목이 활성화되고 동적으로 선택되기를 원합니다. 나는 자바 스크립트와 "addClass"함수를 사용하고 싶다.

나는 등 내가 검색 한 나를 위해 작동 아무것도 발견하지 않았습니다

, 자바 스크립트 개발자 높은 수준 아니지만, 몇 가지 기본적인 기능을 수행 할 수 있습니다.

감사

테드 그래서

Answer 1

난 당신이 요구하는지 정확히 모르겠지만, 그 URL이 때 자바 스크립트가 탐색 모음 링크에 .active는 클래스를 추가 할 가정 활성 하나. 창 URL을 분석하고 올바른 탭과 일치하는 유틸리티 함수를 만들 수 있습니다. 예 :

(function(){ 
    var host = "www.yourdomain.com/plus/whatever/else"; //the default domain 
    var state = window.location.href.subString(host.length - 1); //extract state 

    var stateMap = { 
     someStateName: 'nav-selector-value' 
    }; 

    var navElement = document.getElementById(stateMap[state]); 
    navElement.className += " active"; //make sure you have a space before 
})(); 

이것은 단지 빠르고 간단한 예입니다. 상태가 좀 더 복잡해지면 정규 표현식을 사용해야합니다.