我正在建立一个网站。我在使用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,位置,GMap均未定义。希望有人能给我建议,谢谢。