Javascript 功能无效。脚本定位问题？

Question

我正在尝试让 jQuery waypoints 工作，我正在做一个非常基本的示例，它不会显示我试图显示的 window 警报滚动到。我正在观看这方面的视频，而我拥有的正是那个人所拥有的，所以我不确定为什么它对我不起作用。

关于为什么不启动的任何想法？

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
</head>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <section>
        <img src="images/big-smile-face.png" class="dipper" alt="">
    </section>
 <script src="js/waypoints.js"></script> <!-- js/waypoints.js file -->

Javascript - js/waypoints.js 文件

$(document ).ready(function(){
var $dipper = $('.dipper');

$dipper.waypoint(function () {
    alert('waypoint!');
});
});

Answer 1

您使用的是什么浏览器？那里可能有一些问题。它对我来说似乎工作正常，我没有收到任何错误。

Javascript 功能无效。脚本定位问题？

Javascript function not working. Script positioning issue?

html

javascript

jquery

jquery-waypoints