如何重新创建工作 scrollspy 示例?

How to recreate working scrollspy example?

我正在尝试重新创建 really great scrollspy example from a blog 但出于某种原因...我无法重新创建它?我已经尝试将相同的代码( 外部资源)复制并粘贴到 BootsnippJsFiddle 中,但我似乎无法重新创建它。我真的很困惑可能会发生什么。

如果有人可以重现此问题,或者可以重新发布此项目的工作源代码,我将不胜感激。

jsFiddle 中的外部引用没有列出 jQuery 但它是必需的。这是我为实现此功能所做的唯一添加。只需在添加 bootstrap.js:

之前添加它
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>

请注意,您实际上并不需要 jQuery - 只需将此包含的 JS 部分更改为使用本机 JS,它可以在没有 jQuery.

的情况下工作

工作休闲: http://codepen.io/staypuftman/pen/PGYJKB