Bootstrap ScrollSpy似乎打破了Bootstrap标签

Question

Bootstrap ScrollSpy似乎打破了Bootstrap标签

我一直在尝试在使用选项卡的页面上实现ScrollSpy.

这是我的身体标签:

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

Run Code Online (Sandbox Code Playgroud)

这是我的标签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>

Run Code Online (Sandbox Code Playgroud)

如果我data-spy="scroll" data-target=".subnav" data-offset="50"从标签中删除,我的标签工作正常.启用scrollspy后,我在Chrome开发工具中收到此错误:

未捕获的TypeError:无法读取null的属性"top"

知道什么可能是错的吗？看起来ScrollSpy导致Bootstrap选项卡找不到对HREF属性的引用.

我正在使用Bootstrap 2.0.2

Answer 1

jhe*_*rom 12

当我在导航中链接到标记中尚不存在的锚点时,我看到了这个错误.例如,如果导航栏中的链接链接到#about,但页面上没有元素id="about",则会看到此错误.

归档时间：	13 年，6 月前
查看次数：	3110 次
最近记录：	13 年，6 月前