我一直在尝试在使用标签的页面上实现 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 开发工具中收到此错误:
未捕获的类型错误:无法读取 null 的属性“顶部”
知道有什么问题吗?看起来 ScrollSpy 导致引导选项卡找不到对 HREF 属性的引用。
我正在使用 Bootstrap 2.0.2