我一直在試圖在使用標籤的頁面上實現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
上面的代碼不是產品,它只是一個模板,可用於構建選項卡式用戶界面的其餘部分。 –