当文件上传到服务器时,链接不工作



管理侧面板下拉链接不工作。我正在工作的项目,我有一个管理面板侧面板,其中包括链接和下拉元素。没有下拉菜单的单个链接正在工作,但下拉菜单没有打开并显示其他li元素。它在本地主机上工作得很好,但是当它上传到服务器时就会产生问题。

如果您使用各种JavaScript/CSS文件,请尝试检查每个文件是否与HTML代码中的路径相同。试着在代码依赖上测试navbar元素,这样你就可以更容易地找到问题。

确保JQuery是第一个,然后是Bootstrap脚本。查找您没有任何重复的引导脚本。你还应该添加bootstrap.bundle.js或popper.js,这样下拉菜单才能正常工作。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

用示例检查此代码依赖

我检查了我的代码,发现这是由于引导cdn的问题。这是HTTP,因此它在本地主机上显示没有问题,但由于我的网站是安全的意味着HTTPS,当我在服务器上上传文件时,它开始抛出错误和链接不工作。我替换了http与https在引导链接在头部。现在一切正常。

最新更新