3

我一直在尝试在使用标签的页面上实现 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

4

1 回答 1

12

当我在导航中有指向标记中尚不存在的锚点的链接时,我看到了此错误。例如,如果导航栏中的链接链接到#about,但页面上不存在带有 的元素id="about",您将看到此错误。

于 2012-05-28T00:22:28.277 回答