2012-05-24 57 views
3

我一直在試圖在使用標籤的頁面上實現ScrollSpy。Bootstrap ScrollSpy似乎正在破壞引導程序標籤

這是我的身體標記:

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

這是我的HTML標籤:

<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> 

如果我從標籤中刪除data-spy="scroll" data-target=".subnav" data-offset="50",我的標籤做工精細。在啓用scrollspy,我得到這個錯誤在Chrome開發工具:

遺漏的類型錯誤:無法讀取屬性空

任何想法的「頂」有什麼地方出錯了?它看起來像ScrollSpy導致Bootstrap選項卡找不到對HREF屬性的引用。

我使用的是引導2.0.2

+0

上面的代碼不是產品,它只是一個模板,可用於構建選項卡式用戶界面的其餘部分。 –

回答

12

我看到這個錯誤時,我曾在導航到還不在標記存在錨鏈接。例如,如果導航欄中的鏈接鏈接到#about,但頁面上沒有與id="about"存在的元素,則會看到此錯誤。

+0

謝謝。我錯過了。 :) –

+0

這是沒有很好的文件,謝謝! –