javascript - 如何从我的包代码中导入航点

Question

嗨，我需要在我的网站中使用Waypoints（我了解并下载了 WAYPOINTS https://github.com/imakewebthings/waypoints/zipball/latest），我有下一个问题：

在我的 JS 文件夹中，我有下一个 Javascript 文件：

我像这样导入脚本，首先添加 noframework.waypoints.min.js 文件，然后在 HTML5 代码的标签中添加我的 estufas.js 文件：

<script type="text/javascript" src="assets/js/noframework.waypoints.min.js"></script>
<script type="text/javascript" src="assets/js/estufa.js"></script>

我的 HTML5 代码是：

<div class="container-fluid" id="firstCTA">
    <div class="row">
        <div class="col-12 text-center"> 
            <img src="assets/imgs/clic-aqui.png" class="arrow-size"> 
                <h3 class="cta-here-text"><b>Da clic aquí</b></h3>
            <br>
        </div>
    </div>
</div>

这是我的 Javascript 代码：

var waypoint = new Waypoint({
  element: document.getElementById('firstCTA'),
  handler: function(direction) {
    
    alert("Main alert");
  }
});

这个例子给了我下一个错误：

我认为我很糟糕，也许我需要导入更多文件，因为主文件夹包含所有下一个内容：

感谢您的帮助

Answer 1

只需jquery.waypoints.min.js在我的代码末尾添加它就可以了。有关更多信息，请参见下一个视频：https ://www.youtube.com/watch?v=5hPVpVtgle4&ab_channel=ThomasBradley