jquery - jQuery 航点教程

Question

我已经包含了 jQuery 和 Waypoints，我可以在检查器中看到这两个脚本。

话虽如此，我完全不确定为什么我的航路点没有开火。我只是想设置一个基本警报，当元素出现在屏幕上时，它会触发一个警报，告诉用户。这只是我的概念证明，我什至无法让它发挥作用。我的 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>

-JS-

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