jQuery航路点教程

我已经包含了jQuery和Waypoints，我可以看到inspector中包含的这两个脚本

说到这里，我根本不知道为什么我的航路点没有开火。我只是尝试设置一个基本警报，当元素出现在屏幕上时，它会触发一个警报，告诉用户是这样的。这只是我的概念证明，我甚至无法让它发挥作用。我的HTML和JS代码如下。我搞不清楚出了什么问题

-HTML-

<div id="coming-soon" class="info-section" >
<div class="happy-cog"></div>
<h2>Features Coming Soon</h2>   
    <div class="coming-soon-features" style="width:100%; ">
        <h3>Coming Soon Div</h3>
    </div>
</div>

---

你确定你把航路点放对了吗？（请注意，当元素到达视口顶部时会触发此操作）有趣的是，它在视口中工作。我没有一套顶级套装，这可能是潜在的罪魁祸首。我要和它玩一玩，看看我能不能弄明白out@user2172218加载页面时，控制台中是否出现任何错误？也许像<代码>未捕获类型错误：对象[对象对象]没有方法“航路点”？否则，您需要能够滚动一些。。。因此，如果它只是在页面顶部（没有可滚动的内容），事件将不会触发。好的，我知道问题出在哪里了。你是对的。我运行的另一个脚本中有一个JS错误。当我删除该脚本时，某些功能不起作用，但航路点确实起作用。错误是：

uncaughttypeerror:无法读取未定义的属性“top”

它位于允许使用jQuery平滑滚动的js文件内部。可能是因为我的css中没有顶部设置吗？好的，我解决了这个问题。问题是我有一个单页网站，导航包括散列标签跳转链接。我在导航中有一些链接，它们正在跳转到某个尚未定义的地方。为链接添加一个跳转点也可以从javascript中删除此错误。谢谢你们的帮助。

$(function() {                     // When the page has loaded,
$('#coming-soon').waypoint(               // create a waypoint
    function() {
        alert("Waypoint reached.");
        }
    )
});