jquery - Bootstrap Scrollspy 不起作用

Question

为什么我的滚动间谍不起作用？

http://jsfiddle.net/NnREW/

<div id="nav">
    <ul id="menu">
         <li><a href="#test">test</a></li>
         <li><a href="#test2">test2</a></li>
    </ul>
</div>

Answer 1

您应该通过类而不是 id 为 html 元素提供 css。这使您的事情变得更简单。我认为您的 css 包含的东西比需要的要多。除此之外，您还必须添加 bootstrap.min.js 和 bootstrap-combined.min.css。

<div class="container">
    <div class="row">
        <div id="nav" class="span3">
            <ul class="nav nav-list affix">
                <li><a href="#test">test</a>

                </li>
                <li><a href="#test2">test2</a>

                </li>
            </ul>
        </div>
        <div class="span9 content">
            <div id="test">My first div</div>
            <div id="test2">My second div</div>
        </div>
    </div>
</div>

CSS

.content div {
    background-color: #f5f5f5;
    height: 600px;
}

演示