Javascript Boostrap 3中的Scrollspy不工作

我找了又找，似乎找不到我的问题。我很抱歉，如果这是回答其他地方。我继承了一个“简单”的网站，需要scrollspy来实现，我一辈子都无法得到任何东西。 以下是代码的一些摘录：
HTML导航

第一个“服务部”样本

超级代理营销如何帮助您的代理

JAVASCRIPT

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
 $(document).ready(function(){
     $("#topnav").on("activate.bs.scrollspy", function(){
         alert('smomething happened')
     });
     $('#topnav').affix({
         offset: {
             top: 0
         }
     });
     $('body').scrollspy({ target: '#topnav' });

<br />

$（文档）.ready（函数（）{
$（“#topnav”）。在（“activate.bs.scrollspy”，function（）上{
警报（'发生烟雾'）
});
$（'#topnav'）。粘贴({
偏移量：{
排名：0
}
});
$（'body'）.scrollspy（{target:'#topnav'}）；

完整的演示站点可在此处找到：

---

任何帮助都将不胜感激，因为我确信这可能是我忽略了的一些小东西，但在6个小时的游戏中没有找到它。

为了使用引导scrollspy，您的导航必须作为引导的导航。 建立你的导航作为下面的链接，它将工作

试试下面的例子

$（函数（）{
$（'body'）.scrollspy（{target:'#myNav'}）
})

section>div[id]{
高度：800px；
填充顶部：50px；
}

切换导航





服务科
关于部分
演示部分

您能描述一下当前行为和期望的行为吗？我不确定是否存在任何“当前行为”工作。我希望导航在用户滚动到每个部分时突出显示。我认为css设置不正确，但检查元素时，我没有将活动类添加到li元素。这工作正常。谢谢。但对于其他关注此问题的人，我还有一个问题。声明doctype已修复任何剩余的问题问题。

<section class="module content">
    <div  id="services" class="row">
        <div class="col-md-6 col-md-offset-3 text-center">
            <h1>HOW SUPER AGENT MARKETING CAN HELP YOUR AGENTS</h1>


<br />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
 $(document).ready(function(){
     $("#topnav").on("activate.bs.scrollspy", function(){
         alert('smomething happened')
     });
     $('#topnav').affix({
         offset: {
             top: 0
         }
     });
     $('body').scrollspy({ target: '#topnav' });

<br />