文档边栏中的项目不会自动激活

Question

我在jsfiddle to make a plunker中复制了这个例子。但是侧边栏中的项目在滚动时无法激活。以下为外部链接。

<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

我也尝试将它们复制到 3 个适当的文件中，并在我的机器上进行本地测试。同样的问题。

有人知道我错过了什么吗？

Answer 1

页面加载后 fiddle 是运行 jQuery。 plunker 不是。

$(document).ready(function() {
   $('body').scrollspy({
    target: '.bs-docs-sidebar',
    offset: 40
  });
});

https://plnkr.co/edit/qiojBFqmZcpclWWpDbrb?p=preview

文档边栏中的项目不会自动激活

Items in the doc sidebar are not activated automatically

javascript

css

sidebar

navbar

twitter-bootstrap