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

问题描述

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

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

我像这样导入脚本，首先在 HTML5 代码的标签中添加 noframework.waypoints.min.js 文件，然后添加我的 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");
  }
});

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

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

感谢您的帮助

解决方法

只需在我的代码末尾添加 String 即可。如需更多信息，请观看下一个视频：https://www.youtube.com/watch?v=5hPVpVtgle4&ab_channel=ThomasBradley