Javascript 为什么航路点不起作用？

在我的计算机C驱动器上，我创建了一个test.html文件，其中包含

<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $('#waypoint').waypoint(function() {
            alert('You have scrolled to my waypoint.');
        }, {
            offset: '100%'
        });
    });
</script>

<div id="waypoint">WAYPOINT</div>

$（文档）.ready（函数（）{
$（'#航路点'）。航路点（函数（）{
警报（'您已滚动到我的航路点'）；
}, {
抵销：“100%”
});
});
航路点

---

我没有得到警报弹出窗口，但是完全相同的代码可以正常工作。有什么好处？

Afaik一些浏览器在双击

.html

文件打开时不会加载外部资源（

.js

文件）。请检查浏览器的URL栏中是否有

文件：//

。 如果是这样，请在您的计算机上安装（或类似的安装，具体取决于您的操作系统），将文件放在

htdocs

下，然后重试

JSFIDLE还将代码包装在有效的HTML文档中。您可以将

…

添加到您的应用程序中。尤其是在处理视口滚动时，插件可能需要这样做

---

最后要说的是，

.js

文件的包含顺序很重要，因为它们是按顺序加载的。由于航路点取决于jQuery（因为它是一个jQuery插件），因此需要先加载

检查控制台是否有错误。当您从本地计算机而不是在web服务器下运行此代码时，可能会遇到安全警告。@RoryMcCrossan控制台未显示任何错误。我甚至在我的网站上尝试了相同的代码，但也不起作用。一个简单的

$（document）.ready（函数（）{alert（'您已滚动到我的航路点'）；}）工作正常，这告诉我jquery已加载且工作正常。@RoryMcCrossan我的test.html代码为您工作吗？谢谢，这是您提到的顺序。只需要把jquery放在第一位。太好了！你仍然应该考虑我的其他建议，以获得良好和可靠的结果。