navbar (다른 페이지로 연결되도록 설계된 것)는 탐색 탭 세트처럼 작동합니다 (동일한 페이지에 머물러 있고 원하는 섹션)?트위터 부트 스트랩 navbar가 탭처럼 작동하도록 만들기
실제로 내 탐색 바는 내가 원하는대로 작동하지만 다른 것들을 위해 필요한 $(".nav-tabs").button()
을 호출하지 않는 경우에만 작동합니다. 이제 붕괴/언 콜라 싱이 발생하지 않습니다.
여기에 (꽤 보일러 판이다) 코드입니다 :
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<div class="nav-collapse collapse">
<ul id="tab" class="nav">
<li class="active"><a href="#Tab1" data-toggle="tab">Tab1</a></li>
<li><a href="#Tab2" data-toggle="tab">Tab2</a></li>
<li><a href="#Tab3" data-toggle="tab">Tab3</a></li>
</ul>
<a class="brand" href="#">NavTab Demo</a>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="tab-content">
<div class="tab-pane active" id="Tab1">
...
nav-tabs.button을 추가 한 후에는 더 이상 존재하지 않습니다. 코드 샘플을 게시했습니다. –
당신은 절대적으로 옳았습니다. 일단 nav-tabs가 필요로하는 부트 스트랩 파일을 포함 시키면 모두 잘 돌아 왔습니다. 감사! –
이것은 가장 도움이되었지만 정상적인 ul 탐색 표시 줄과 navbar-right가있는 경우 두 섹션 모두 "활성"항목으로 끝납니다. –