URL 세그먼트 값을 가져 와서 그에 따라 클래스를 업데이트 하시겠습니까?

Question

jQuery에서 현재 표시된 양식의 세그먼트에 따라 URL을 업데이트하는 다중 단계 양식을 작성 중입니다.

예 :

• 의 index.php # 양식 = 1 단계
• 의 index.php # 양식 = 2 단계
• 의 index.php # 양식 = STEP3

나는 또한 구축 한을 이 세그먼트들 각각에 링크되는 빵 부스러기 메뉴는 현재 보여지고있는 빵 부스러기 항목에 어떻게 든 "활성"클래스를 추가해야합니다. 어떻게해야할지 모르겠지만 어쩌면 #form 값이 무엇인지 알아 낸 것입니다. 그 값이 이동 경로 항목의 ID와 일치하면 해당 클래스를 활성으로 업데이트합니까?

예 :

if form = step1 
breadcrumbItem addClass "active" 

if form = step2 
breadcrumbItem addClass "active" 

etc 

Answer 1

내가 사용하는 것이 좋습니다 것 :

var url = document.location.href; 
var step; 
if (url.indexOf('=') > -1){ 
    step = url.split('=')[1]; 
} 

document.getElementById(step).className = 'active'; 

JS Fiddle demonstration of concept합니다.

위의 breadcrumb 항목은 step1, step2 등과 같이 id이 있다고 가정합니다.

또한 데모에서 변수 url에 문자열을 명시 적으로 지정하고 있습니다. 이는 JS Fiddle의 작동 방식 때문입니다. 위 코드의 페이지 사용에서 var url = document.location.href.