javascript - 为什么有些脚本不能正确加载？

Question

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

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

2. 我有一个用 Javascript 编写的简单表单验证（如果用户尝试在不编译每个输入的情况下提交请求，则输入区域会出现一个小边框），并且再次，它在用户刷新页面时不起作用。

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

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

这是刷卡代码

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

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

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

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

    <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>

正如我之前告诉你的那样，我 100% 确定代码是正确的，但我认为问题在于脚本的加载方式。谢谢指教

标签： javascriptloadswiperswiperjs