javascript - js中没有定义的函数

Question

我正在建立一个网站。我在使用 javascript 时遇到了很多错误。大多数是未定义的功能。例如：$。

还有其他功能存在相同的问题。

我不完全理解如何解决这个问题，并且希望有人审查我的代码，因为这将帮助我更好地理解我的问题。

我将我的脚本 src 链接保留在正文中链接的顶部，我认为这是原因。然而，这似乎不是原因。

$('document').ready(function () {
    $('.js--section-features').waypoint(function (direction) {
        if (direction == "down") {
            $('nav').addClass('sticky');
        } else {
            $('nav').removeClass('sticky');
        }
    }, {
        offset: '90px;'
    });






    /*This is to offset sticky nav as to not overlap touch section*/
    var shiftWindow = function () {
        scrollBy(0, -75);
    };
    if (location.hash) shiftWindow();
    window.addEventListener("hashchange", shiftWindow);

    /*maps*/

    var map = new GMaps({
        div: '.map',
        lat: 52.760514,
        lng: -1.6500,
        zoom: 12
    });
    52.7610273, -1.7181805;

    map.addMarker({
        lat: 52.7604902,
        lng: -1.7172825,
        title: 'lw swim school',
        infoWindow: {
            content: '<p>LW swim school</p>'
        }
    });





    /*mobile nav*/

    $('.js--nav-icon').click(function () {
        var nav = $('.js--main-nav');
        var icon = $('.js--nav-icon ion-icon');

        nav.slideToggle(200);
        if (icon.hasClass('ios-menu-cross')) {
            icon.addClass('ios-close');
            icon.removeClass('ios-menu-cross');
        } else {
            icon.addClass('ios-menu-cross');
            icon.removeClass('ios-close');
        }
    });
});

这是我在正文底部的 html 中的脚本 src 链接，按此顺序排列

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//cdn.jsdelivr.net/selectivizr/1.0.3b/selectivizr.min.js"></script>
<script src="vendors/js/jquery.waypoints.min.js"></script>
<script src="resources/js/gmaps.js"></script>
<script src="resources/js/script.js"></script>
<script src="https://unpkg.com/ionicons@4.4.8/dist/ionicons.js"></script>

$, .windows, scollby, location, GMaps 都没有定义。我希望有人能给我建议，提前谢谢你。

标签： javascripthtml