javascript - 即使有 jquery,引导程序也不返回 jquery
问题描述
因此,当我尝试返回的代码时,我正在使用 jquery bootstrap 和 jquery easing 制作一个 HTML 项目
bootstrap.min.js:6 Uncaught TypeError: Bootstrap 的 JavaScript 需要 jQuery。必须在 Bootstrap 的 JavaScript 之前包含 jQuery。
jquery.easing.js:17 Uncaught ReferenceError: jQuery is not defined
theme.js:49 Uncaught ReferenceError: jQuery is not defined
即使我在我的代码中使用 JQuery。
索引.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-3.5.1.min.js 路径是否正确?
推荐阅读
- javascript - Javascript 类对象中的回调方法(XMLHttpRequest)
- firebase - 如何通过索引删除特定数组
- c++ - 从 QAbstractItemModel 中正确删除子树
- ios - 每台 iOS 设备支持多少人脸跟踪?
- angular - matInput 标签隐藏在焦点上
- mysql - 带有字母数字值的整数列返回问题
- ios - 如何将 WKWebview 颜色更改为白色
- c# - 会话在设置时间前不久超时
- javascript - 在 Angular Elements 中显示数据
- python - How to install ChatterBot successfully?