Javascript函数不工作.脚本定位问题

Javascript function not working. Script positioning issue?

本文关键字:定位 问题 脚本 工作 函数 Javascript      更新时间:2023-09-26

我正在尝试让jQuery航路点工作,我正在做一个非常基本的例子,当滚动到它时,它不会显示我试图显示的窗口警报。我正在看这个视频,我知道他到底有什么,所以我不确定为什么它不适合我。

有什么想法为什么不启动吗?

<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!');
});
}); 

您使用的是什么浏览器?可能存在一些问题。这对我来说似乎很好,我没有犯任何错误。