Javascript 为什么有些脚本不'；不能正确加载吗？

所以我已经建立了我的投资组合，并且在Live Server（VSCode）和localhost（使用Xampp）上都可以正常工作。 但是如果我在Hostinger上打开网站（或者像www…com一样搜索），我会遇到两个关于脚本标记的问题：

Swiper.js无法正确加载（显示按钮，但我无法滑动：刷新页面修复问题）

我用Javascript编写了一个简单的表单验证（如果用户试图提交请求而不编译每个输入，则输入区域会显示一个小边框），而且，在用户刷新页面之前，它也不起作用

所有这些js脚本都位于正文的末尾

PPS。所有这些js脚本在另一个项目中都可以正常工作

这是swiper代码

    <script>
        const swiper = new Swiper('.swiper-container', {
            observer: true, 
            observeParents: true,
            loop: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            }
        });
    </script>

const swiper=新的swiper（“.swiper容器”{
观察家:对,，
观察者：是的，
循环：对，
导航：{
nextEl:“.swiper按钮下一步”，
prevEl:“.swiper按钮prev”，
}
});

Swiper使用CDN链接到我的项目中，所以我也有这个脚本和链接（链接在头部的末尾，脚本在身体的末尾）

这是我用于表单验证的代码

    <script>
        function sendEmail() {
            let name = $("#name");
            let email = $("#email");
            let body = $("#content");

            if (isNotEmpty(name) && isNotEmpty(email) && isNotEmpty(body)) {
                $.ajax({
                   url: 'mailHandler.php',
                   method: 'POST',
                   dataType: 'json',
                   data: {
                       name: name.val(),
                       email: email.val(),
                       body: body.val()
                   }, success: function (response) {
                        if (response.status == "success")
                            alert('Email Has Been Sent!');
                        else {
                            alert('Please Try Again!');
                        }
                   }
                });
            }
        }

        function isNotEmpty(caller) {
            if (caller.val() == "") {
                caller.css('border', '2px solid #ffffff');
                return false;
            } else
                caller.css('border', '');

            return true;
        }
    </script>

函数sendmail（）{
让name=$（“#name”）；
让email=$（“#email”）；
让body=$（“#content”）；
如果（isNotEmpty（姓名）和isNotEmpty（电子邮件）和isNotEmpty（正文））{
$.ajax({
url:'mailHandler.php'，
方法：“POST”，
数据类型：“json”，
数据：{
名称：name.val（），
电子邮件：email.val（），
body:body.val（）
}，成功：功能（响应）{
如果（response.status==“success”）
警报（“已发送电子邮件！”）；
否则{
警报（'请重试！'）；
}
}
});
}
}
函数isNotEmpty（调用者）{
if（caller.val（）==“”）{
css（'border'，'2px solid#ffffff'）；
返回false；
}否则
css（'border'，''）；
返回true；
}

我100%确信代码是正确的，就像我之前告诉你的，但我认为问题在于如何加载脚本。 谢谢你的建议

    <script>
        function sendEmail() {
            let name = $("#name");
            let email = $("#email");
            let body = $("#content");

            if (isNotEmpty(name) && isNotEmpty(email) && isNotEmpty(body)) {
                $.ajax({
                   url: 'mailHandler.php',
                   method: 'POST',
                   dataType: 'json',
                   data: {
                       name: name.val(),
                       email: email.val(),
                       body: body.val()
                   }, success: function (response) {
                        if (response.status == "success")
                            alert('Email Has Been Sent!');
                        else {
                            alert('Please Try Again!');
                        }
                   }
                });
            }
        }

        function isNotEmpty(caller) {
            if (caller.val() == "") {
                caller.css('border', '2px solid #ffffff');
                return false;
            } else
                caller.css('border', '');

            return true;
        }
    </script>