在我的电脑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>
我没有收到警报弹出窗口，但 JSFIDDLE 中的代码完全相同工作正常。给出了什么？
最佳答案
据我所知，某些浏览器在只需双击 .js 打开时不会加载外部资源(.html 文件)。文件。请检查是否有file://在浏览器的地址栏中。
如果是这样，请安装XAMPP (或类似的东西，取决于您的操作系统)在您的计算机上，将您的文件放在 htdocs 下的某个位置然后重试。
JSFiddle 还将您的代码包装在有效的 HTML 文档中。您可以添加 <html><head>...给您HTML to make it valid 。特别是因为您正在处理插件工作可能需要的视口(viewport)滚动。
最后要说的是你的 .js 的包含顺序文件很重要，因为它们是按顺序加载的。由于 waypoints 依赖于 jQuery(因为它是一个 jQuery 插件)，因此需要首先加载。
关于javascript - 为什么路径点不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30773372/