为什么有些脚本无法正确加载？

如何解决为什么有些脚本无法正确加载？

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

Swiper.js 未正确加载（显示按钮但我无法滑动：刷新页面修复问题）；
我有一个用 Javascript 编写的简单表单验证（如果用户尝试提交请求而不编译每个输入，则输入区域上会出现一个小边框），再次，它用户刷新页面后不起作用。

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

PPS。所有这些 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% 确定代码是正确的，正如我之前告诉你的，但我认为问题在于脚本是如何加载的。谢谢指教

为什么有些脚本无法正确加载？

如何解决为什么有些脚本无法正确加载？

相关推荐