다른 페이지의 탭에 클래스 추가

Question

다른 페이지의 특정 탭에 클래스를 추가 할 수 있습니까?

내 예는 홈 페이지에 3 개의 슬라이드가있는 슬라이더가 있습니다. 각 슬라이드에는 다른 페이지의 탭에 연결해야하는 클릭 유도 문안이 있습니다.

그래서 홈 페이지에

<a href="<?php bloginfo ('url');?>/features/#anchorname 

이있는 경우, 특정 탭으로 페이지로드의 활성 클래스를 추가하는 방법은 무엇입니까?

이렇게하면 링크해야하는 페이지에 콘텐츠가 표시됩니다. https://gist.github.com/anonymous/11bbffb588baa4acc55392ff50592993

미리 감사드립니다. 벼

Answer 1

정규식은 URL에 앵커를 가져옵니다.

난 당신이 jQuery를 사용하지 않는 것을 볼 수, 당신은 당신이 진짜 활성 탭/메뉴 항목을 활성 클래스를 설정하려면이

var active_section = '' + document.URL.match(/(?:#).*/) ; 
if(document.querySelector("a.tab.active")){ 
document.querySelector("a.tab.active").classList.remove('active'); 
} 
document.querySelector('[href="'+active_section+'"]').className += ' active';