航点JS找不到变量

Question

我正在尝试使航点js正常工作，但是我在努力解决一些问题。我不断收到错误消息：

  

'ReferenceError：找不到变量：Waypoint'

我正在使用no framework js文件，因为我不使用jquery。

这是我当前的标记：

<section class="section" id="waypoint">
    <div class="inner">
        <h1>I am a heading</h1>
    </div>
</section> 

我在body标签之后包含的

Waypoints 源文件：

<script src="js/waypoint.js"></script>
<script src="js/noframework.waypoints.min.js"></script>

Js ：航路点：

var waypoint = new Waypoint({
  element: document.getElementById('waypoint'),
  handler: function() {
    notify('Basic waypoint triggered')
  }
});

感谢我在这里缺少的任何建议。

Answer 1

脚本标签是错误的方式，代码是在加载库之前执行的。