부트 스트랩 탐색 모음 활성화 상태

Question

• 나는 공통 표제가있는 웹 사이트가 있습니다.
• 해당 제목은 탐색 모음에 포함되어 있습니다.
• 막대 페이지에서 탐색 항목을 클릭하면로드가 발생합니다.
• 컨텍스트를 고려하면로드 된 페이지와 관련된 탐색 항목에 대해 부트 스트랩 탐색 모음의 활성 상태를 설정하는 방법은 무엇입니까? 탐색 모음 항목을 클릭하면 페이지로드가 있으므로

, 난 그냥

$(".nav a").on("click", function(){ 
 
    $(".nav").find(".active").removeClass("active"); 
 
    $(this).parent().addClass("active"); 
 
});

나에게 더 나은 솔루션을 제공하십시오 사용할 수 없습니다.

Answer 1

내 문제의 해결책으로 다음과 같은 방법을 사용했습니다.

각 내비게이션 막대 항목에 HTML ID를 추가했습니다. 그런 다음 각 탐색 모음 항목과 관련된 각 페이지에서 다음과 같이 javascript를 사용하여 활성 클래스를 추가했습니다.

$ ("# ID_of_the_navi_bar_item"). addClass ('active');

Answer 2

페이지가로드되면 앵커의 링크가 페이지 위치와 일치하는지 확인해야합니다.

$(".nav a").each(function() { 
    if(document.location.href.indexOf(this.href)>=0) { 
     $(this).parent().addClass("active"); 
    } 
});