url의 해시 태그로 인해 다른 탭에서 활성 탭을 비활성화하는 방법은 무엇입니까?

Question

이미 활성화 된 탭이 있지만 해시 태그가 다른 탭을 가리키는 경우 해당 탭을 비활성화하려고합니다.

HTML :

<ul class="nav"> 
    <li class="active"> 
     <a class="default-tab" href="#default-tab">About</a> 
    </li> 


    <li> 
     <a class="brand-tab" href="#brand-tab">Brand</a> 
    </li> 
</ul> 


<div class="tab-content"> 
    <div class="default-tab active" id="default-tab"> 
     <p>...</p> 
    </div> 

    <div class="brand-tab" id="boc-brand"> 
     <p>...</p> 
    </div> 
</div> 

JS : 자신이 속한하지 않는 경우 당신은 거기에 콜백을 가지고

$(document).ready(function() { 
    if (location.hash === "#brand", function() { 
      $(".brand-tab").addClass('active', function() { 
       $(".default-tab").removeClass('active'); 
      }); 
     }); 
}); 

Answer 1

여기 내 코드입니다.

$(document).ready(function() { 
    if (location.hash === "#brand") { 
     $('a[href="#brand-tab"]').tab('show'); 
    } 
}); 

:이 마크 업에 의해처럼 보이는 사람들은 부트 스트랩 탭이 있다면, 당신은 내장 된 부트 스트랩 방법을 사용하는 것이 더 낫다

:

$(document).ready(function() { 
    if (location.hash === "#brand") { 
     $(".brand-tab").addClass('active'); 
     $(".default-tab").removeClass('active'); 
    } 
}); 

편집 : 이것은 당신이 필요로하는 코드