부트 스트랩 ScrollSpy가 부트 스트랩 탭을 깨고있는 것 같습니다.

탭을 사용하는 페이지에서 ScrollSpy를 구현하려고했습니다.부트 스트랩 ScrollSpy가 부트 스트랩 탭을 깨고있는 것 같습니다.

이 내 몸 태그입니다 :

<body data-spy="scroll" data-target=".subnav" data-offset="50">

이 내 탭의 HTML입니다 : 내가 태그에서 data-spy="scroll" data-target=".subnav" data-offset="50"을 제거하면, 내 탭이 잘 작동

<div class="div-tabs tabbable"> 
    <ul class="nav nav-tabs" id="myTab"> 
     <li class="active"><a href="" data-toggle="tab" data-target="#home">Home</a></li> 
     <li><a href="" data-toggle="tab" data-target="#profile">Profile</a></li> 
    </ul> 
    <div id="myTabContent" class="tab-content"> 
     <div class="tab-pane active" id="home"> 
      <div class="padding16"> 
        ... 
      </div> 
      <div class="button-bar"> 
       <a href="#" class="btn"><i class="icon-user"></i>Button</a> <a href="#" class="btn btn-primary"> 
        <i class="icon-time icon-white"></i>Button</a> <a href="#" class="btn btn-warning">Button</a> 
       <a href="#" class="btn btn-danger">Button</a> <a href="#" class="btn btn-success">Button</a> 
      </div> 
     </div> 
     <div class="tab-pane " id="profile"> 
      <div class="padding16"> 
       ... 
      </div> 
      <div class="button-bar"> 
       <a href="#" class="btn btn-warning">Button</a> 
       <a href="#" class="btn btn-danger">Button</a> <a href="#" class="btn btn-success">Button</a> 
      </div> 
     </div> 
    </div> 
</div>

catch되지 않은 형식 오류 : 잘못 될 수 있는지 널

어떤 생각의 속성을 읽을 수 없습니다 '최고'를 scrollspy을 활성화하면, 나는 크롬 개발 도구에서이 오류가? ScrollSpy가 Bootstrap 탭에서 HREF 속성에 대한 참조를 찾지 못하는 것 같습니다.

내가 아직 마크 업에 존재하지 않았다 앵커에 대한 탐색에서 링크를했을 때 내가이 오류를보고

출처

2012-05-24 Johann de Swardt

위의 코드는 프로덕션이 아니며 탭 인터페이스를 구성하기 위해 나머지 시스템에서 사용하는 템플릿 일뿐입니다. –

부트 스트랩 2.0.2을 사용하고 있습니다. 예를 들어, navbar의 링크가 #about으로 연결되고 페이지에 id="about"과 같은 요소가없는 경우이 오류가 표시됩니다.

출처

2012-05-28 00:22:28 jhedstrom

감사합니다. 나는 그것을 놓쳤다. :) –

이것은 잘 문서화되지 않았습니다, 감사합니다! –

부트 스트랩 ScrollSpy가 부트 스트랩 탭을 깨고있는 것 같습니다.

답변

관련 문제