최신 정보
부트 스트랩 3의 변경 .on('shown', ...)
에.on('shown.bs.tab', ....)
이것은 @dubbe 답변과 SO 수락 답변을 기반으로합니다 . window.scrollTo(0,0)
제대로 작동하지 않는 문제를 처리 합니다. 문제는 표시된 탭에서 URL 해시를 교체하면 브라우저가 페이지의 요소이기 때문에 해당 해시로 스크롤한다는 것입니다. 이 문제를 해결하려면 해시가 실제 페이지 요소를 참조하지 않도록 접두사를 추가하십시오.
// Javascript to enable link to tab
var hash = document.location.hash;
var prefix = "tab_";
if (hash) {
$('.nav-tabs a[href="'+hash.replace(prefix,"")+'"]').tab('show');
}
// Change hash for page-reload
$('.nav-tabs a').on('shown', function (e) {
window.location.hash = e.target.hash.replace("#", "#" + prefix);
});
사용 예
id = "mytab"인 탭 패널이있는 경우 다음과 같이 링크를 추가해야합니다.
<a href="yoursite.com/#tab_mytab">Go to Specific Tab </a>