【问题标题】:Bootstrap returning no jquery even when there is jquery即使有 jquery,引导程序也不返回 jquery
【发布时间】:2021-04-27 14:06:55
【问题描述】:

所以我正在使用 jquery bootstrap 和 jquery easing 制作一个 HTML 项目 当我尝试它返回的代码时

bootstrap.min.js:6 Uncaught TypeError: Bootstrap 的 JavaScript 需要 jQuery。 jQuery 必须放在 Bootstrap 的 JavaScript 之前。

jquery.easing.js:17 Uncaught ReferenceError: jQuery is not defined

theme.js:49 Uncaught ReferenceError: jQuery is not defined

即使我在代码中使用 JQuery。

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Main Menu</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel="stylesheet" href="animate.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
    <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
  </head>
  <body id="page-top">
    <div id="wrapper">
        <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
            <div class="container-fluid d-flex flex-column p-0">
                <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
                    <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
                    <div class="sidebar-brand-text mx-3"><span>Brand</span></div>
                </a>
                <hr class="sidebar-divider my-0">
                <ul class="nav navbar-nav text-light" id="accordionSidebar">
                    <li class="nav-item" role="presentation"><a class="nav-link active" href=""><i class="fas fa-tachometer-alt"></i><span>Dashboard</span></a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href=""><i class="fas fa-user"></i><span>Profile</span></a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href=""><i class="fas fa-table"></i><span>Table</span></a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href=""><i class="far fa-user-circle"></i><span>Login</span></a></li>
                    <li class="nav-item" role="presentation"><a class="nav-link" href=""><i class="fas fa-user-circle"></i><span>Register</span></a></li>
                </ul>
                <div class="text-center d-none d-md-inline"><button class="btn rounded-circle border-0" id="sidebarToggle" type="button"></button></div>
            </div>
        </nav>
    </div>

    <script src="jquery-3.5.1.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
    <script src="assets/js/theme.js"></script>
</body>
</html>

这有什么问题?

编辑:发现如果我使用电子,我需要 Jquery NPM

【问题讨论】:

  • 检查你的 jquery 路径似乎不正确
  • 不,它在正确的地方,我只是使用电子,这就是它出错的原因
  • 所以这应该可以帮助你ourcodeworld.com/articles/read/202/…

标签: javascript html jquery bootstrap-4


【解决方案1】:

检查网络选项卡并确保文件已加载。 jquery-3.5.1.min.js 路径是否正确?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-12-29
    • 1970-01-01
    • 2012-09-26
    • 1970-01-01
    • 2016-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多